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 Responsive Web Design and Testing Website Testing

Error message in the google font section

I keep getting this message from the validation test and can't figure out how to fix it. Any help would be much appreciated. Thanks!

message: Line 7, Column 143: Bad value http://fonts.googleapis.com/css? family=Changa+One|Open+Sans:400italic,700italic,400,700,800 for attribute href on element link: Illegal character in query: not a URL code point. ā€¦e|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'> Syntax of IRI reference: Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.

Here is my html, a little before and after where my error is suppose to be:

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

neither of those worked. It has the > highlighted in red of this part of the code type='text/css'> if that helps any.

5 Answers

Just checked with validator and it passed. Try using this:

<link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One%7COpen+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css">

I see it now. thanks, I'll try it out.

Thanks! Not sure why it worked but that fixed it :)

If you replace the | with %7C it should go away.

Justin Wiswell
Justin Wiswell
9,471 Points

It looks like you have a space in the URL where the is broken into two lines, right after css? and before family=

Sorry about that :) You should see the code now.

Sullivan Taylor Begbie
Sullivan Taylor Begbie
4,219 Points

Just had the same problem. Thank you for solving.