Create a font-family CSS rule that uses the Lobster font, and ensure that it will be applied to your h2 element? help please

Tell us what’s happening:
I don’t know what i am doing

Your code so far


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

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

<h2 class="red-text"><a link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"></a>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="/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; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Edge/18.18362.

Challenge: Import a Google Font

Link to the challenge:

change “family-font” to font-family!!

You are also not importing the font correctly.

At the top before the opening <style> tag add the import:

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

Then remove the <a> element you added

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

It might be just as quick to reset the challenge and start over.


Edit: I also just saw that you are using Edge 18, before you run into any issues I’d suggest updating Edge to the latest version (the one using chromium) or use Chrome or Firefox for the curriculum.