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 trialJeremy Loggins
2,157 PointsFonts 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
5,735 PointsYour 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
15,244 PointsFollow 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
2,157 PointsEDIT: Nevermind. I found the issue, thank you for the help.