Skip to content

Using Google Web Fonts

Google has a large number of fonts you can use in your project for free. You can browse them at: https://fonts.google.com/

This tutorial walks through how to use them on your web site. It’s a comprehensive tutorial on the different ways you can add a font.

How to use Google Fonts in CSS

Key Points

Here are some of the key points from the article

  1. Take time to choose a font that fits your content
  2. There are two ways to enable a font:
    • Direct Link in Header
    • Use @import in your CSS file
  3. After you enable the font, you have to write CSS to define what text the font should be used on. To use it everywhere, add it to the body element.

Video on Direct Link method

Video on @import in CSS method

Leave a Reply