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 How to Make a Website Responsive Web Design and Testing Website Testing

Posted by Phillip Gibson
Phillip Gibson
1,731 Points

cant find the error

I have been trying to validate my html code but I keep getting this error message: Line 7, Column 120: Bad value http://fonts.googleapis.com/css?family=Arvo:400,700italic|Sigmar+One for attribute href on element link: Illegal character in query: not a URL code point. …com/css?family=Arvo:400,700italic|Sigmar+One' rel='stylesheet' type='text/css'> Syntax of URL: Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.

I'm not understanding the error because I copied the link exactly as google fonts provided it. Please help

2 Answers

Alex Heil
Alex Heil
53,547 Points
Alex Heil
Alex Heil
53,547 Points

hey Phillip Gibson , the reason you're getting this error is the pipe charachter | in the url. if you remove this in the validator (for testing) you'll see that it will pass just fine. so there's nothing to worry about, you can use the font-url google provided without any problems and in this case safely ignore the validator warning.

hope that helps and have a nice day ;)

Phillip Gibson
Phillip Gibson
1,731 Points

Thanks for the feedback and timely response. I removed the pipe charachter and replaced it with a forward slash (for validation purposes) and it worked fine, thanks because I was starting to get a little discouraged. You have a nice day as well

Dustin Matlock
Dustin Matlock
33,856 Points
Dustin Matlock
Dustin Matlock
33,856 Points

Hey Phillip, here's a post from a while back which goes into some more detail. It looks like Treehouse has since added information to the teacher's notes. I've put it below for you.

Validation Errors

You may encounter validation errors when using the W3C validators. For example, in this project, the vertical pipes in a Google Font URL might cause an error because they're not escaped using HTML entities. It's a good idea to fix as many errors as possible, because more errors can mean increasingly unpredictable cross-browser results.

Phillip Gibson
Phillip Gibson
1,731 Points

Thank you sir, it looks as if I could of saved myself a lot of stress had I thought to check the teacher's notes, I will use them from this point forward for sure. You have a great day and thanks again.