Question Loads With Partial Solution

Challenge Specify How Fonts Should Degrade has an issue. User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36. Please describe how to reproduce this issue, and include links to screenshots if possible.

My code:

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

The h2 element:

h2 {
  font-family: Lobster, Monospace;
}

Loads by default with the font degrade challenge resolved.

[rarmatei]

As @erictleung suggested, how about if the h2 tag becomes this:

h2 {
  font-family: Lobster;
}

And then re-word the challenge as:

Now comment out your call to Google Fonts, so that the Lobster font isn’t available. You’ll also have to make sure the heading font gets degraded to Monospace. Some CSS changes will be necessary for this.

Regarding @raisedadead worry about it being too daunting, I noticed there’s a complete example (with a p element) right above the challenge text on making an element “font degrading safe”, so if they just follow that example, it shouldn’t be difficult to solve it.

Once you decide on how this can be re-worded/altered, do you mind if I pick it up to open a PR? I’d be very interested in getting more experience with altering FCC challenges.

[systimotic]

@rarmatei Sounds good to me! A PR would be great!