freeCodeCamp Challenge Guide: Specify How Fonts Should Degrade

freeCodeCamp Challenge Guide: Specify How Fonts Should Degrade
0

#1

There are several default fonts that are available in all browsers. These include Monospace, Serif and Sans-Serif.

For example, if you wanted an element to use the Helvetica font, but also degrade to the Sans-Serif font when Helvetica wasn’t available, you could use this CSS style: p { font-family: Helvetica, Sans-Serif; }.


#2

this is literally no help at all


#3

can anyone help with this one? I’m not understanding it completely. When I run the test, I either get the first two correct, or the second two, can’t get them all correct so I can move on. thanks for any help.


#4

never mind…I got it…not sure how but it worked. LOL


#5

h2 {
font-family:Lobster;
}

h2 {
font-family:Lobster,monospace;
}


#7

Try this.

.red-text { color: red; }

h2{
font-family:
}

h2 {
font-family: Lobster, Monospace;
}

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

CatPhotoApp

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.


#8

what is it that im missing i dont understand???


#9

i still dont get it.I am doing as per the examples but still its either am getting the first two correct and the last two wrong or the other way around


#10

I think this will help

<!comment

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

–>


#11

This should help.

<!comment

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

–>


#13

hello I’m new to the camp… any advice


#14

well i did not necessarily use the above example but the method i used worked out better for me.
Thanks anyway


#15

In my case I could only get the first two checkmarks or the last two check marks.

Turned the first tag was very close to the google font link and I had been commenting that out by accident repeatedly.

Here’s what ended up getting it to go through

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