Can someone help me with my h2 element selector font. I can't pass this test

Tell us what’s happening:

Your code so far


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

  .red-text {
  color: red;
}

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

h2 {
font-family: lobster, "Open Sans";
}

</style>

<h2 class="red-text lobster">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; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Safari/537.36.

Challenge: Import a Google Font

Link to the challenge:

Getting rid of “Open Sans” makes it pass for me. Yes, it is a good idea to always have a fall back, you aren’t doing anything wrong here. It’s just that the test is probably only expecting Lobster and by adding the fallback it is making the test fail. This is one of those times where you just need to do the bare minimum to pass the test.

1 Like

Thanks a lot bbsmooth.
You just help me pass the test.
thanks again and happy coding.