Importing Google Fonts

Welcome to the Get Help category!

This is where you can ask questions about your code. Some important things to remember when posting in this category :slight_smile:

  • Learn how to ask a good question and get a good answer!
  • Remember to include a link to the exercise you need help with!
  • If someone answers your question, please mark their response as a solution :white_check_mark:
  • Once you understand a new concept, come back and try to help someone else!

Hello everyone!

I tried asking for help on Discord, and unfortunately no one has responded, and it’s been over an hour.

Hello! I am on the Typography project, and am having a heck of a time with importing Google Fonts into my stylesheet. When I enter the link that the fonts I picked gave me, it isn’t giving me the stylesheet like it is supposed to do.

[9:00 PM]

<!DOCTYPE html>

<html>

<head>

<title>Morocco</title>

<link rel="preconnect" href="[https://fonts.gstatic.com/%22%3E](https://fonts.gstatic.com/%22%3E?fbclid=IwAR0SjYPcZMhoWwareXTNcNwDrzXbVkaI5a1bgkhcJaygc77OA_yjwJu8KXM)

<link href="[https://fonts.googleapis.com/css2...](https://l.facebook.com/l.php?u=https%3A%2F%2Ffonts.googleapis.com%2Fcss2%3Ffamily%3DWork%2520Sans%253Awght%2540400%253B500%253B800%26display%3Dswap%26fbclid%3DIwAR0T4fOmpWCB2yh8-GVYrkQsMzOo3BCryh0AF_YsAuw1WoaTNA-tFwBVFGg&h=AT2vmYO-18dcBocjvOuLpGF5bj7HkLHTroAHZU4fJQAIGharAE6biZwjoPsMfkEr0oYMTdNE1MhwuATaL5tXlATa8YkKeTl0JWpTTtM3VKi3bpFQhUG-DjKdve29I0Ho2Y-urUxqDO-ka9CsCQ&__tn__=-UK-R&c[0]=AT00NISBJrSKMmiIqTCF_js9LiOQKXgrb9y36xIjL9t8Y0WAY_GxBUeXCWePcP43_YdpUPfx7sUOhLNr5MTp3RtKv8s-whPsEDLs0btnLoHldRjahHsCzNu5OMxWxfFFOx8pNff3cyV2qq2Y6JPTHhOaqCzApMXiWeYspwp_KcV_-C-EpKyT8_EY2kEebiyhu278ma8L7_OepgYR)" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="styles/reset.css">

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

</head>

<body>

[9:00 PM]

That is my head code.

[9:00 PM]

If anyone could possibly assist, I’d greatly appreciate it

If you wouldn’t mind, can you show me your code and/or walk me through what you are doing?

The href in the link needs to link to an actual CSS file. It should look like this:

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">

Notice how your first two links differ.

This topic was automatically closed 41 days after the last reply. New replies are no longer allowed.