gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
73d104d78ffcc6dea00d69d0ac75d88d5b8b2016
freeCodeCamp/guide/english/certifications/responsive-web-design/basic-css/specify-how-fonts-should-degrade/index.md
Randell Dawson 1494a50123 fix(guide): restructure curriculum guide articles (#36501) 
* fix: restructure certifications guide articles
* fix: added 3 dashes line before prob expl
* fix: added 3 dashes line before hints
* fix: added 3 dashes line before solutions
2019-07-24 13:29:27 +05:30

1009 B
Raw Blame History

title
title
Specify How Fonts Should Degrade

Specify How Fonts Should Degrade

Problem Explanation

We need to apply the monospace font to the h2 element, so that it now has two fonts - Lobster and monospace. After, we need to comment out that import of the Lobster font(using the HTML comments you learned before) from Google Fonts so that it isn't available anymore.

Solutions

Solution 1 (Click to Show/Hide)

To the property font-family in selector h2, in addition to Lobster font we need to add monospace:

h2 {
    font-family: Lobster, monospace;
  }

After this, we need to comment import of the Lobster font:

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

select all import and ctrl+/:

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