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
Sylvia Jung
1,254 PointsI chose my own font and while doing so created a code error, but don't know how to fix it:
Line 7, Column 155: Bad value http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800,700italic|Ubuntu:400,700,400italic for attribute href on element link: Illegal character in query: not a URL code point.
ā¦c,700,800,700italic|Ubuntu:400,700,400italic' 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.
4 Answers
Sylvia Jung
1,254 PointsIt does, thanks Rich, I really appreciate your help! Sylvia
Rich Bagley
25,869 PointsNo problem :)
-Rich
Rich Bagley
25,869 PointsHi,
Can you try changing the pipe symbol ( | ) before 'Ubuntu' to %7C?
You currently have:
http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800,700italic|Ubuntu:400,700,400italic
This would become:
http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800,700italic%7CUbuntu:400,700,400italic
Does that make any difference?
-Rich
Sylvia Jung
1,254 PointsI will, thanks, Sika!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sylvia Jung | Artist</title>
<link rel="stylesheet" href="css/normalize.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800,700italic|Ubuntu:400,700,400italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<a href="index.html" id="logo">
<h1>Sylvia Jung</h1>
<h2>Artist</h2>
</a>
<nav>
<ul>
<li><a href="index.html" class="selected">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<div id="wrapper">
<section>
<ul id ="gallery">
<li>
<a href="img/numbers-03.jpg">
<img src="img/numbers-03.jpg" alt=""><p>work on paper</p>
</a>
</li>
<li>
<a href="img/numbers-04.jpg">
<img src="img/numbers-04.jpg" alt=""><p>small work on paper</p>
</a>
</li>
<li>
<a href="img/numbers-05.jpg">
<img src="img/numbers-05.jpg" alt=""><p>work on plexi</p>
</a>
</li>
<li>
<a href="img/numbers-07.jpg">
<img src="img/numbers-07.jpg" alt=""><p>work on boxes</p>
</a>
</li>
<li>
<a href="img/numbers-08.jpg">
<img src="img/numbers-08.jpg" alt=""><p>work on board</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://www.facebook.com/?q=#/sylvia.jung.90">
<img src="img/facebook-wrap.png" alt="Facebook Logo"
class="social-icon">
</a>
<p>copy; Sylvia Jung 2015</p>
</footer>
</div>
</body>
</html>
Sylvia Jung
1,254 PointsWow, Rich, that did it! Impressive, even though or more so, because I have no idea why and why %7C? Thanks a lot! Sylvia
Rich Bagley
25,869 PointsHi Sylvia,
Sorry for the delay in responding.
The way Google Fonts code references it includes an illegal character. The way to resolve this is to encode the character in this case by using %7C in it's place.
Hope that helps.
-Rich
Sika Stanton
2,198 PointsSika Stanton
2,198 Pointscan you post your complete code?