H2 element font won't change

HTML-CSS
1

Tell us what’s happening:
My h2 element won’t change into Lobster font even though I used the correct the correct command :< Pls help me
Your code so far


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

p {
  font-size: 16px;
  font-family: monospace;
}

h2 {
  font-family: Lobster;
}
</style>
</form>
<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 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.182 Safari/537.36 Edg/88.0.705.81.

Challenge: Import a Google Font

Link to the challenge:

2

Did you do this part, too?

To import a Google Font, you can copy the font’s URL from the Google Fonts library and then paste it in your HTML. For this challenge, we’ll import the Lobster font. To do this, copy the following code snippet and paste it into the top of your code editor (before the opening style element):

3

Hi @Jericho01 !

Welcome to the forum!

As mentioned earlier, you need to import the lobster at the top of the page

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

Also, I am not sure why you added extra form tags here

I would just delete those extra form tags because that was not part of the instructions.

Hope that helps!

4

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