You should import the Lobster font

[silver2008]

I get an error : " You should import the Lobster font" I have inserted the Lobster, please why is still not right ?

  **Your code so far**

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

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="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/88.0.4324.150 Safari/537.36.

Challenge: Import a Google Font

Link to the challenge:

freeCodeCamp.org

[Catalactics]

Hey @silver2008,

You have told the CSS to apply the Lobster font, but you haven’t imported it yet. The challenge told you what to use to import it. Here, put this at the top of your editor:
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

[anon38330656]

Hey @silver2008

Here is the full solution

<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;
  }
</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>

[Catalactics]

Hey @anon38330656,

We do not want to post straight answer of the curriculums into the forums, it would not help the person trying to learn, and it would fill the forums with answer one can just copy paste. We want to try to help them understand step by step, what is wrong. Please do not just paste straight code solutions…
If you really need to post a solution, please use the [spoiler][/spoiler] tags. So it will look like this

// Solutions

Thank you for understanding, and have a good day!

[silver2008]

Where is it the difference between mine and yours? I have written the formula below font-size: 16px; font-family: monospace; like you did it, I have tried to write it above it and I still get 3 answers right and one wrong, Also a message for Catalastics the videos give it the solution already so they are not doing something so dodgy . Btw my formula still doesn’t work,

[ilenia]

you are missing this:

For this challenge, we’ll import the Lobster font. To do this, copy the following code snippet and paste it into the top of your code editor (before the opening style element):

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

[anon38330656]

@silver2008 You should import a Google font (a font that’s available on https://fonts.google.com/ in this challenge you should import *Lobster font

* but you didn’t import.

Hope this helps!

[ilenia]

@anon38330656

Here is the full solution

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

[silver2008]

With your suggestion I I get less positive marks , and I think nikhilreddy.manda had the answer. It is annoying , I wrote the answer as is written in the videos and I am still stuck.

[ilenia]

what’s your code now?

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

[silver2008]

hi,
I now got the answer, I ned to add the Lobster on the top an in the h2 element.
Thank you to all people giving an answer!