Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design Web Typography Basic Web Typography Weights and Styles

Posted by Turgaj Ragimov
Turgaj Ragimov
3,632 Points

I do not get it it is not working in my browser.

The google fonts do not work for me can i get help. thank u

Turgaj Ragimov
Turgaj Ragimov
3,632 Points

https://w.trhou.se/cwfx99kzkk

1 Answer

Max Senden
Max Senden
23,177 Points
Max Senden
Max Senden
23,177 Points

Hi Turgaj,

When you select a font on the Google Fonts website that you like, you'll get a code snippet that you should place in the <head> of the webpage (the HTML) where you want the font to load into. Like this:

<head>
     <!-- Google Fonts / Open Sans -->
     <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
</head>

Then in the CSS you define which HTML element you want to be styled in the Google font. e.g.

h1 {
     font-family: 'Open Sans', arial, sans-serif;
}

Hope it helps, Max