freeCodeCamp: Commenting out the link to Lobster font-family doesn't render correctly.
Challenge Name
Specify How Fonts Should Degrade
https://www.freecodecamp.com/challenges/specify-how-fonts-should-degrade
Issue Description
The issue occurs when commenting out the link to the Lobster font family from googleapis.com. To reproduce just comment out that line of code and watch as it does degrade
Browser Information
- Browser Name, Version: Chromium version 49.0.2623.110 (64-bit)
- Operating System: Linux 4.4.6_1 Void Linux (64-bit)
- Mobile, Desktop, or Tablet: Desktop
Your Code
<!--
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
-->
<style>
.red-text {
color: red;
}
h2 {
font-family: 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>
Screenshot

About this issue
- Original URL
- State: closed
- Created 8 years ago
- Reactions: 2
- Comments: 15 (9 by maintainers)
I saw this same thing and also thought it was a bug. It’s not really an issue, since it’s expected behavior, but does confuse.
A simple “solution” would be to add a clarification to the challenge. Something along these lines:
Note If you have the Lobster font installed on your computer, you wont see the degradation because your browser is able to find the font.
Similar to the Note on this task: https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element
That way when people see this, they’ll understand what’s happening.
switching from Firefox to google chrome solved the problem. I hope that info may help someone else
is it also possible you’d have that font installed in your systems? @jaytaix @TheDoctorsLife
Chrome Canary: Not getting this issue.
I am getting the exact same error, on chrome and safari. It retains the Lobster font even after commenting out the link. I tried in incognito mode as well and I get the same result.
