I don't understand what I'm doing wrong

Tell us what’s happening:
I am confused.
The test results say: “Use an h2 CSS selector to change the font”. This would suggest that I am not.
If that was the case then the h2 title reading CatPhotoApp would not be showing with the Google Lobster font, but it is!
What gives?

Thanks

Your code so far


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  h2 {font-family: LOBSTER, GENERIC_NAME;}
  .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="/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; Ubuntu; Linux x86_64; rv:69.0) Gecko/20100101 Firefox/69.0.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/import-a-google-font

Ciao @drpeppercan, the problem is the value you gave to the font-family.
Lobster shouldn’t be written with all the letters in capital case.
And the fallback family that you provided does not exist (GENERIC_NAME).

from the challenge:

The GENERIC_NAME is optional, and is a fallback font in case the other specified font is not available. This is covered in the next challenge.

You shouldn’t put it in this challenge, it will be explained later.

Edit: when you’ll use a fallback value, it will be something like this:

font-family: Lobster, "sans-serif";

Hi Simone,

Initially I had tried entering the font names in lower case, but it was not working. Then I entered it in capitals because that is the way it is entered in the example. I have known not to enter “pretty much anything” in capitals, but since lower case did not work, AND THE EXAMPLE GIVEN was in capitals, I figured I would try.
Anyway…
The solution was to remove the fallback altogether. I tried both Arial and “sans-serif” without success.

Thanks simonebogni :slight_smile: