Use Lobster Font

Back End Help
#1

Tell us what’s happening:
I don’t understand why it keeps telling me to use Lobster font when I already am.

Your code so far

h2 { font-family:font-family:} .red-text { color: red; } p { font-size: 16px; font-family: Monospace; }

CatPhotoApp

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

<style>
  h2 {
   font-family:font-family:<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">}
  .red-text {
    color: red;
  }

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

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (X11; CrOS armv7l 10032.86.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.140 Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/import-a-google-font

#2

font-family:font-family:<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">}
This is wrong. Look at the instructions again carefully.

1 Like
#3

Yes, look at the instructions carefully

Also, this might help you see something clearly:

#4

Okay I got that down but now my P mono space is all messed up and it looks fine but it just keeps telling me to fix it

#5

What is your current code?

#6 
<style>
  h2 {
   font-family:font-family:<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">}
  .red-text {
    color: red;
    font-family:Lobster
  }
  p{
    font-size: 16px;
    font-family: Monospace;
  }
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
#7

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

markdown_Forums

#8

Thanks! That totally makes sense now

#9

font-family:font-family:<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">}
You still have this line.
You are adding the Lobster font to the red-text class instead of to h2 elements.

#10

OK cool Thanks for the help