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 trialJames Walton
1,567 PointsHTML Validation Error
I am getting an error when validating my HTML. I don't see any difference in my code and Nick's.
Error: 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. From line 7, column 5; to line 7, column 142 css">↩ <link href='http://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.
1 Answer
Troy Riggs
13,859 PointsIf you use validator.w3.org it says that characters should be represented in NFC.
The problem is the vertical bar in your font link:
The escape character can be found at [Name List Charts](http://www.unicode.org/charts/nameslist/). Then you want to add ```%``` to the front of it to escape it. The final link should look like:
<link href='http://fonts.googleapis.com/css?family=Changa+One%007FOpen+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
James Walton
1,567 PointsThank you, Troy!
mikes02
Courses Plus Student 16,968 Pointsmikes02
Courses Plus Student 16,968 PointsIn your HTML are you linking to it properly? For example:
<link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>