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

google font bad value error

I am trying to validate my index.html but m getting this:

Error: Bad value https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800 for attribute href on element link: Illegal character in query: | is not allowed. From line 7, column 5; to line 7, column 143 css">↩ <link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' 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. Common non-alphanumeric characters other than ! $ & ' ( ) * + - . / : ; = ? @ _ ~ generally must be percent-encoded. For example, the pipe character (|) must be encoded as %7C. Warning: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections. From line 32, column 7; to line 32, column 15 r">↩ <section>↩

Russell Knight
Russell Knight
4,020 Points

The Validator doesn't like the | symbol. If you replace the character | by its corresponding UTF-8 character %7C it should pass validation. I'm not exactly sure why the validator doesn't like the use of | character but I believe it has something to do with encoding. Perhaps someone else here can elaborate?