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!

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

Validation issue

Hi guys,

when I try to validate my html using the w3c validator and I get this error.

Line 7, Column 142: 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.

For this part I copied the tutorial exactly the same as Nicks, but still get this error
I would be grateful if someone could help me solve this problem. Thanks

4 Answers

Hi Rohan, you only need to replace the pipe symbol | with %7C. Below is a version of the code with the pipe character encoded so it should validate just fine.

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

Don't worry, you're not the only one, I just had the same issue. My guess is that W3C have updated their validation since the video was created. Loads of other users have posted to the forum about this issue, here's a link to one that looks like it has explained the issue.


Basically the 'error' is trivial as your code matches Nick's and your site and specifically your fonts work fine.

Hope this helps

Inputting %7C where | was fixed the problem. Thanks for the help guys!