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

HTML How to Make a Website Customizing Colors and Fonts Pick Fonts and Set Relative Units

Posted by Jeremy Loggins
Jeremy Loggins
2,157 Points

Fonts not changing at all, no matter which font choice I pick from google fonts.

I have picked different multiple fonts from google fonts and after copying the HTML code and adding h1 text-family in css, I go to refresh and preview what it looks like and its still the same default. I dont know what to do, and I'm starting to get a bit frustrated.

My html link looks like this:

<link  href='https://fonts.googleapis.com/css?family=Abril+Fatface"rel= "stylesheet" type="text/css' >

My Css:

<p>h1 {font-family: 'Abril Fatface', cursive;
    margin: 15px 0;
    Font-size: 1.75em;
    }</p>

3 Answers

Brian Hankins
Brian Hankins
5,735 Points

Your combining the " symbol with the ' symbol. Try using only the ' in this case. So your code will look like:

<link  href='https://fonts.googleapis.com/css?family=Abril+Fatface 'rel='stylesheet' type='text/css' >

Your CSS code is good and doesn't need changed.

Brian

If this helped you and solved your problem, please mark it as the best answer! Thanks!

sizwengubane
sizwengubane
15,244 Points
sizwengubane
sizwengubane
15,244 Points

Follow these steps are you are good to go. Past the font code provided by 'google fonts' as the FIRST element in the HEAD section of your html document.

<head>
<link href='https://fonts.googleapis.com/css?family=Raleway:400,500,700,800|Lora:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
</head>

Next add the fonts you included with CSS like this

body {
font-family: 'Raleway', sans-serif;
}

Following these steps would make any font of your choice work Mark my answer as the best if i managed to solve ur problem

Jeremy Loggins
Jeremy Loggins
2,157 Points
Jeremy Loggins
Jeremy Loggins
2,157 Points

EDIT: Nevermind. I found the issue, thank you for the help.