• BMCC OpenLab
  • OpenLab at City Tech
  • Sign In BMCC OpenLab
    • BMCC OpenLab
      BMCC OpenLab
      Sign In
      Need an account? Sign Up
Skip to content
MMP 240 Web Design
  • About This Class
    • Instructor
    • Syllabus
  • Classes
  • Final Project Guide
  • Final Projects
  • Assignments
  • Posts
  • Course Profile
  • Search
MMP 240 Web Design
  • Search
  • About This Class
    • Instructor
    • Syllabus
  • Classes
  • Final Project Guide
  • Final Projects
  • Assignments
  • Posts
  • Course Profile
CSS Resource Typography

Using Google Web Fonts

by Christopher Stein|Published September 16, 2019|3 comments

This shows how to use Google Fonts in your CSS file using the @import method.

This video is about 3 minutes long.
  • @import
  • google
  • typography
  • web font

You may also like

CSS Properties for Typography
Published September 16, 2019

CSS Properties for Typography

3 comments

These are some of the more commonly used properties for typography and creating typographic hierarchy. Font (Typeface):  This controls the font that […]

Typography Basics
Published September 16, 2019

Typography Basics

1 comment

This post presents the basics of typography through a set of rules to follow. Like all rules they are made to be […]

Web Fonts
Published September 16, 2019

Web Fonts

2 comments

This is a LONG list of web fonts. It’s meant to be used as a resource that you can come to when […]

Font Pairing
Published September 16, 2019

Font Pairing

1 comment

In your sites you generally don’t want to use more than 2 or 3 fonts. More than that can start to look a bit […]

3 thoughts on “Using Google Web Fonts”

  • 3 pingbacks
  • 1[…] fonts on your web pages. This post has more information about how to choose and use Google Fonts: https://openlab.bmcc.cuny.edu/mmp-240-fall-19-stein/2019/09/16/using-google-web-fonts/… - Class 6: Typography – MMP 240 Web Design
  • 2[…] A quick video on using Google Fonts: https://openlab.bmcc.cuny.edu/mmp-240-fall-19-stein/2019/09/16/using-google-web-fonts/ […] - Assignment 4: Typographic Hierarchy – MMP 240 Web Design
  • 3[…] web. The ability to do this came with CSS 3. For more information on using Google web fonts see… - Using the Font-family CSS Property – MMP 240 Web Design

Comments are closed.

Recent Posts

  • Ausra Compy Final Project
  • OpenLab Login Working
  • Final Update on Sunday 12/15
  • Pedro Veras Final Project
  • Camika Final Project

Recent Comments

  • Prof Stein on Pedro Veras Final Project
  • Prof Stein on Laiza Final Project
  • Final Update on Sunday 12/15 – MMP 240 Web Design on Assignment 8: Study Quizlet
  • Typography Basics – MMP 240 Web Design on Using the Font-family CSS Property
  • Gestalt Principles and Web Design – MMP 240 Web Design on Gestalt Principle: Proximity

© 2026 MMP 240 Web Design – All rights reserved

Powered by WP – Designed with the Customizr theme

Welcome to the BMCC OpenLab!

 

BMCC’s OpenLab is an online platform where the College’s students, faculty and staff can come together to learn, work, play and share ideas.

Support

Help | Contact the OpenLab | Terms of Use | Privacy Policy |  Credits Please use the above links if you need more help in using the OpenLab.

Powered by:

CBOX-OL Logo

top

Welcome to the BMCC OpenLab!

 

BMCC’s OpenLab is an online platform where the College’s students, faculty and staff can come together to learn, work, play and share ideas.

Support

Help | Contact the OpenLab | Terms of Use | Privacy Policy |  Credits Please use the above links if you need more help in using the OpenLab.

Powered by:

CBOX-OL Logo

top