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

CSS

Posted by Jodi Lincoln
Jodi Lincoln
1,267 Points

Font not changing.

I can't find my error!

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>Smells Like Bakin' Cupcake Company</title>
  <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">
  <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
  <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
</head>
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Have you referenced it in your CSS? Have you tried another font from Google Web Fonts to ensure its not just an error with that one. You would need to have it in your css eg

h1 { font-family: 'Nunito'; }

Hope this helps

Jodi Lincoln
Jodi Lincoln
1,267 Points

I think I did. If this looks correct to you, then I should try a different font?

body{
    font-fmaily: 'Nunito', sans-serif;
}
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

You spelt family incorrectly you mis-typed fmaily.

Easy mistake to do i do it all the time.

Jodi Lincoln
Jodi Lincoln
1,267 Points

Oh my! How helpful an extra set of eyes are! Thank you soooo much!

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

No problem. :)

3 Answers

Adam Sackfield
PLUS
Adam Sackfield
Courses Plus Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

A quick tip for future, if you change some code and your not getting the results you expect then always read over what you have written character by character to ensure no typing errors.

Lost countless hours stressing over my own errors. Also using something like emmet for short hand coding will help prevent these errors. For instance in HTML I can write 

ul>li*4>a

press ctrl + e, and it will change it to

<ul>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
</ul>

Also works for CSS.

Hope this helps!!

Mugdha Raidani
Mugdha Raidani
6,219 Points
Mugdha Raidani
Mugdha Raidani
6,219 Points

What is the error which you are getting?

Jodi Lincoln
Jodi Lincoln
1,267 Points

The font isn't chaning.

Jodi Lincoln
Jodi Lincoln
1,267 Points
Jodi Lincoln
Jodi Lincoln
1,267 Points

Yes! Very helpful and much appreciated. Thanks.