Linking to a font at Google Fonts

Here’s a step-by-step guide to linking to a font at Google Fonts – updated 3/1/2018

Go to https://fonts.google.com/

Filter the types of fonts you are searching for by unchecking any of the options in the Categories list

When you find a font you like, click Select this font. Click Open the Selection Drawer at the bottom of your screen.

In the Selection Drawer, you can click on the Customize tab to view any options available for your font. Then click on the Standard tab. Copyh the HTML embed code, and paste it into the <head> element of your HTML page.

Copy the CSS, and use it to define the font family for a style in your CSS file.

Save your HTML and CSS files, and test the results in your browser.

Print Friendly, PDF & Email

Leave a Reply

Name *
Email *
Website