It has been keep on showing import Lobster font, I have already imported as shown in video

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<link href="https://fonts.google.com/share?selection.family=Lobster">
<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="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 (Linux; Android 10; Redmi Note 7 Pro) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.62 Mobile Safari/537.36

Challenge: Import a Google Font

Link to the challenge:

You have used an incorrect link for the font, you need to use the link from the example, easiest to copy and paste it. Below is the link from the example you need to copy

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

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.