why isn't work sans showing up?

Question

I've done what it asked I'll put my code here

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Lake Tahoe</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,700;1,300&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/style.css"> </head> <body>

and the CSS

body{ font-family: 'Work Sans', sans-serif; color:#454959; font-weight:300; }

Answer 1 · 2021-03-12T04:51:59Z

March 12, 2021 4:51am

Hi Lewis!

This worked for me:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lake Tahoe</title>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,700;1,300&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <style>
     body {
       font-family: 'Work Sans', sans-serif;
       color:#454959;
       font-weight:300;
     }
    </style>
</head>
<body>
  Example Text
</body>
</html>

I didn't know if your body declaration was in the style.css file or not, if it is and not working then it is likely to be a file path problem.

In that case try these:

<link rel="stylesheet" href="/css/style.css">

Or

<link rel="stylesheet" href="./css/style.css">

Etc...

I hope that helps.

Stay safe and happy coding!

Welcome to the Treehouse Community

Looking to learn something new?

Lewis Cosmollis

Lewis Cosmollis

why isn't work sans showing up?

1 Answer

Peter Vann

Peter Vann