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 gnguimbipro
gnguimbipro
1,068 Points

My CSS styles are not rendering in browser

I'm not sure why my CSS styles are not rendering in browser. Here is where my CSS stylesheet is saved in my computer: ----Resume (parent directory) ----CSS (subdirectory) ----styles.css (CSS file) ----index.html (html file)

===== HTML file ======== <!DOCTYPE html> <html> <head> <title>RESUME</title> <link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i,800,800i" rel="stylesheet"> <link rel="stylesheet" href="/CSS/styles.css"> </head>

<body>
  <nav>
    <a href=""><img src="https://placeimg.com/80/80/people" alt="" width="" height=""></a>
  </nav>

  <header>
  </header>
</body>

</html>

======= CSS stylesheet ======

  • { font-family: 'Raleway', monospace; } img { border-radius: 50%; }

1 Answer

johanesriandy
johanesriandy
2,144 Points
johanesriandy
johanesriandy
2,144 Points

On the CSS code, you didn't specify any CSS selector where you want to change the font-family. I believe you want to use body selector if you want to change the entire font inside the page.