Lobster import in font

HTML-CSS
1

import of lobster in the program

Your code so far


<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>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36.

Challenge: Import a Google Font

Link to the challenge:

2

you need to import it as described in the challenge description

there is something in particular you do not understand of challenge description?

3

yes, dont understand how to import lobster even i tried too much

4

You only add to the code:

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

5

Then you have to create the class

.font-family: lobster;

6

where i have to write

7

image
image1360×768 266 KB

8

To import a Google Font, you can copy the font(s) URL from the Google Fonts library and then paste it in your HTML. 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):

9

Hello ! this is my first reply i hope i will be helpful !
So as i know font family is case sensitive , Lobster should be with capital L

10

Thanks for help, Now I got what you told.