Help please,,task described in the sceenshot below

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

  **Your code so far**

<style>
.red-text {
  color: red;
}

p {
  font-size: 16px;
  font-family: monospace;
}
<link href="https://fonts.googleapis.com/cokss2" rel="stylesheet" type="text/css">

h2 {
font-family: FAMILY_lobstar,GENERIC_lobstar;
}
</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; U; Android 10; en-us; Redmi 7 Build/QKQ1.191008.001) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/79.0.3945.147 Mobile Safari/537.36 XiaoMi/MiuiBrowser/12.10.8-gn

Challenge: Import a Google Font

Link to the challenge:

how to import a font from google font library and use it in a element,
please someone guid me.

This is the code

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

please can you show me like this way below

.....guid me import the font and use it in an element.... ...

Hello,

you have an typo on your code, your in your h2 inside the style element. it should be FAMILY_lobster,GENERIC_lobster you have lobstar.

Also the link to the google font should be outside your opening style element

1 Like


help me out…

Your link to the google font is on the right place now, good job, but you are linking to the wrong font. you should use the link provided on the lesson

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

Also, you still have lobstar instead lobster in you font family.

1 Like

i’m not undesrtanding how to write the code of importing font from google font library and use it in h2 element.


its showing this

You have the wrong link there, you should use the one on the lesson, the one i gave you before.

Also, in your font family you shouldn’t put FAMILY_Lobster, you only put the font name, Lobster in this case.

1 Like

it worked
@ricardomg92 thank you so much. you are so helpful and kind.

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