CANNOT FIGURE THIS OUT .. google fonts

HTML-CSS
#1

*Tell us what’s happening:

cannot figure out what to do I’ve searched through forums on this website but cannot find one that works … this code i have here did work one time but now it will not work

focus on the h2 elements

Your code so far


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

<style>
h2 {
  font-family: lobster;
}
.red-text {
  color: red;
}

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

<h2 class="red-text"><style="font-family: lobster; </style>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 (Macintosh; Intel Mac OS X 10_12_1) AppleWebKit/602.2.14 (KHTML, like Gecko) Version/10.0.1 Safari/602.2.14.

Challenge: Import a Google Font

Link to the challenge:

#2

hi @Log

this is the clue:

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

the " " did not make a difference i realize that i only have one …just ignore it

#4

ill be honest i do not understand your answer… what i have is correct so i don’t understand the “clue”

#5

Hi, Log. You have imported the font correctly, but there is a small issue with the way you are trying to apply it.

See if this clue, from the instructions belonging to the challenge, will help you figure it out:

Family names are case-sensitive and need to be wrapped in quotes if there is a space in the name. For example, you need quotes to use the "Open Sans" font, but not to use the Lobster font.

Next time when you have such a problem, I suggest you read the instructions carefully and line by line. There you can usually find the clue which will lead you on the right path.

#6

yea man i don’t have quotes on my text like they said lobster is one word , i still don’t understand what your trying to get at , id appreciate a more to the point answer so i can just figure out and see why i cant get it . thank u

#8

i found the correct answer

<h2 class="red-text"; style="font-family: lobster;" ... then finish the closing tags etc
#9

Once again quoting the instructions:

Family names are case-sensitive… use the Lobster font

and this is your code:

h2 {
  font-family: lobster;
}

The problem here isn’t the quotation marks, but the fact that font-family names are case-sensitive.

#10