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 Add Fonts

mason choi
mason choi
2,462 Points

i don't know how to pass the Challenge.

Bummer! Make sure you include your Google Web Font before css/main.css.

/**** html ****/

<title> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <title>

/**** css ****/

h1 { font-family: 'Changa One', sans-serif; } body { font-family: 'Open Sans', sans-serif; }

i don't know what going wrong

4 Answers

Hi there, I am not sure what is the task specifically asking you but you use Google web fonts on your website for better typography. The way you can use them is as follow

 <!Doctype html>
  <html lang="en"
  <head><title>My Website</title>
   <!-- Importing Google Webfont called ubuntu -->
  <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700' rel='stylesheet' type='text/css'>
   </head>

Once that in place i can now use it in my css file as

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

Hope that helps. Cheers Ali

mason choi
mason choi
2,462 Points

Thanks?ALI . I have resolved the problem.

I think you are confused. They are asking for the link that you get from google fonts and it should be pasted into your index.html between normalize.css and main.css. If you are still in your css file you will need to click the tab for your html. It should be the index.html tab next to main.css tab in the workspace. Hope that helps!

Mengchao Yue
Mengchao Yue
917 Points

Thank you so much Jonathan! You answer helps me solve this problem. I have been stucked here for really long time...

Ana Gledovic
Ana Gledovic
7,465 Points

Hi, sometimes, a comment that is given when you do something wrong, just doesn't make sense. And sometimes comment is confusing and useless. What works in real world is @import url(http://fonts.googleapis.com/css?family=Changa+One); at the beginning of your css, in first line. Maybe this will help.

mason choi
mason choi
2,462 Points

Thanks. . I have resolved the problem.

mason choi
mason choi
2,462 Points

Thanks. . I have resolved the problem.