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 Introduction to Chrome DevTools

Posted by Real Ink Shirts
Real Ink Shirts
1,423 Points

Guys silly question trying to learn as I go I'm trying link google fonts to my webpage when I past the link it doesnt

here is the code:

<html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Real Ink Shirts</title> <h1>Real Ink Shirts</h1> <meta name="author" content="name"> <meta name="description" content="description here"> <meta name="keywords" content="keywords,here"> <link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon"> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=font1|font2|etc" type="text/css"> <link rel="stylesheet" href="stylesheet.css" type="text/css"> </head> <body>

</body> </html>

Im thinking I should put it in the Css sheet but I'm not sure. Thanks guys.

2 Answers

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points

If you open the video's workspace you'll see an example in index.html

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>RSVP App</title>
  <link href="https://fonts.googleapis.com/css?family=Courgette" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
</head>

In your code you aren't specifying any font families. You just have font1, font2, etc.

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer
Jamie Reardon
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

Also to add to Kris's answer, you are also missing the https: before your leading forward-slashes for the href attribute value of the link to the font.