Help with Import a Google Font

HTML-CSS
1

Tell us what’s happening:

Your code so far


<link herf="https://fonts.googleapis.com.com/css?family=Lobster" rel="stylesheet" type="text/css>"
<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="/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_13_5) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.1.1 Safari/605.1.15.

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

2

<link herf=“https://fonts.googleapis.com.com/css?family=Lobster” rel=“stylesheet” type=“text/css>”

you have closed double quotes after the link tag is closed correct it with

<link herf=“https://fonts.googleapis.com.com/css?family=Lobster” rel=“stylesheet” type=“text/css”>

3

Remove the double quotes at the end of the link tag. Just add that link tag inside the head tag.

4

remove the double quotes at the end of the link tag and insert after css see below.

        <type="text/css">
5

rabi-999 gave you the answer, however, you cannot copy paste the code as is because it wasn’t formatted as code.

Because the answer was already given, and to not cause any confusion, I will repost it again with code formatting.

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