Import a Google Font <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"><style> .red-text { color: red; } h2{font-family:lobster,monospace;} p {font-size: 16px; font-family: monospace;} </style>

Import a Google Font <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"><style> .red-text { color: red; } h2{font-family:lobster,monospace;} p {font-size: 16px; font-family: monospace;} </style>
0

#1

Tell us what’s happening:

Your code so far



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

  p
    {font-size: 16px;
    font-family: monospace;}
</style>
<h2 font type="change">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; rv:61.0) Gecko/20100101 Firefox/61.0.

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


#2

Check the instructions again.
Did they ask for monospace or just Lobster?
Is it ‘Lobster’ or ‘lobster’. Case matters.


#3

they asked for monospace


#4

how can i use he to change the font under h2 css selector


#5

Are you sure?
Here are the instructions again:

Create a font-family CSS rule that uses the Lobster font, and ensure that it will be applied to your h2 element.

Try to copy the css that you see in the code but use h2 instead.
for eg. they have this code

  p {
    font-size: 16px;
    font-family: monospace;
  }

Which is a paragraph css selector that says that the font-size should be 16px and font-family should be monospace.

So if you want to make a h2 selector, can you think of way given the example you have seen?


#6

again showing error they want that use h2 css selector to change the font where h2 want the use of lobster


#7

can you post your latest code in between two lines with three backticks on them like this:

```
put code here
```


#8

thanks actually i used both monospace and lobster ,that’s y i got error , it was to use lobster only