Solve my problem

1

Tell us what’s happening:

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>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Your browser information:

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

Link to the challenge:
https://www.freecodecamp.org/challenges/import-a-google-font

2

Just a heads up, you probably shouldn’t double post about the same issue.

Looking over your posted code and the exercise, have you done this step?

“Copy the following code snippet and paste it into the top of your code editor:”

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

3

Yes I have done that at the very beginning!

4

Hmm…
Can you do me a favor, can you paste all the code from the console that you have currently? Like the call to the font, your html tags, css styling, everything in there.

5

Screenshot (45)
Screenshot (45)1920×1080 331 KB

this is the screenshot.please have a look at it.

6

The only thing I can see right off the bat is you’re missing the end “>” on your font link. Try adding that and see if it helps.

7

Thank you very much, it solved my problem

1 Like
8

Awesome! Glad that worked! :grin: