Lobster font problem?

l watch the spoiler and copy but i still cant get it to work can anyone help as im prper struggling thanks alex Tell us what’s happening:*

Your code so far


<style>
.red-text {
  color: red;
}

p {
  font-size: 16px;
  font-family: monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>
<main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<div>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
</div>

<form action="https://freecatphotoapp.com/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 12239.92.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.136 Safari/537.36.

Challenge: Import a Google Font

Link to the challenge:

You need to import the font using link tag before style element.

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

Then you can apply it to any element via css.

hi i have tryed that link still no good ?

show what you have tried please

how do i do that lol

The challenge states:

To do this, copy the following code snippet and paste it into the top of your code editor (before the opening style element):

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

I don’t see said link tag in your code.

paste your code in a post here
to format your code:

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

im not good on a computer

1. List item

but thanks anyway alex

ive tried to enter this text at top

im not sure what im doing at all lol

that doesn’t seem to be your code

please copy all the code in the editor and paste it here in a new post

i dont no sorry but thanks anyway

we can’t help you if you don’t show what you have written

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