Google Fonts
Last updated
Was this helpful?
Last updated
Was this helpful?
Google has a collection of free fonts you can use in your web pages. This topic covers the steps to access them and include them in your pages.
First, search for the specific typeface you want to use. In this example, we'll search for the Poppins font. Click on the link to go to the page for the font.
Next, select the specific font you want to import. For example, I've selected "Extra-light 200".
Next, click on the Select this style button to bring up the font detail box on the right.
To include an external font, there are two methods.
As a <link> element in the <head> section of the HTML document.
As an @import in your stylesheet.
Choose the method you want to use to import the font and then copy the import code and paste it into your HTML <head> element if you are using the <link> option or at the top of your stylesheet if you are using the @import method.
In the Resources section, there is a link to a discussion on stackoverflow.com that suggests that the <link> method is preferred.
