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![](https://ecs-static.teamtreehouse.com/assets/views/marketing/shared/community-banner-white-47072046c51352fe6a69f5e691ff5700b28bb11d45197d7bdf066d9ea3f72d0c.webp)
![Brian Coffelt](https://uploads.teamtreehouse.com/production/profile-photos/657022/micro_bcoffelt.jpg)
Brian Coffelt
12,071 PointsCan't figure out validator.w3.org HTML error
validator.w3.org found the an error with the following code:
<link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
I've checked Nick Pettit's example several times & can't figure out the error. Let me know if more clarification is required.
5 Answers
![Jean Paiva](https://secure.gravatar.com/avatar/49881166448fa5642b31efb41a98291d?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Jean Paiva
7,128 PointsAs I see...it's the " | " between the 2 fonts that's the problem.
Try to use the fonts separately, like this:
<link href='http://fonts.googleapis.com/css?family=Changa+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
![James Barnett](https://secure.gravatar.com/avatar/43ea08b4fc547e8a5da87c207bea2123?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
James Barnett
39,199 PointsSince |
character is invalid in a URL, a better solution is to encode the |
character by changing it to %7c
![Brian Coffelt](https://uploads.teamtreehouse.com/production/profile-photos/657022/micro_bcoffelt.jpg)
Brian Coffelt
12,071 PointsThanks
![John Wheal](https://uploads.teamtreehouse.com/production/profile-photos/39600/micro_gray_middle.jpg)
John Wheal
27,969 PointsShouldn't you use double quotes? I'm not sure if that will cause an error with w3 validator.
I seem to think I've seen this issue before and it's related to the URL that Google has given you. It doesn't like | characters.
![Brian Coffelt](https://uploads.teamtreehouse.com/production/profile-photos/657022/micro_bcoffelt.jpg)
Brian Coffelt
12,071 PointsI thought the same thing & changed to double quotes. The w3 validator still rejected it. Doubled-checked Nick Pettit's example. Thanks for the input.
![Brian Coffelt](https://uploads.teamtreehouse.com/production/profile-photos/657022/micro_bcoffelt.jpg)
Brian Coffelt
12,071 Points@Jean Paiva.....Thanks. I'll give it a try your way.
![Jean Paiva](https://secure.gravatar.com/avatar/49881166448fa5642b31efb41a98291d?s=60&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Jean Paiva
7,128 PointsNicee :P
Brian Coffelt
12,071 PointsBrian Coffelt
12,071 PointsThat solved it. Thanks again.