Skip to content

Commit

Permalink
Merge pull request freeCodeCamp#13534 from Manish-Giri/fix/improve-in…
Browse files Browse the repository at this point in the history
…structions-in-font-degrade-challenge

Improve instructions in font degrade challenge
  • Loading branch information
dhcodes authored Feb 24, 2017
2 parents 99dc8dc + e6524f3 commit fcc3200
Showing 1 changed file with 2 additions and 1 deletion.
3 changes: 2 additions & 1 deletion seed/challenges/01-responsive-web-design/basic-css.json
Original file line number Diff line number Diff line change
Expand Up @@ -812,7 +812,8 @@
"For example, if you wanted an element to use the <code>Helvetica</code> font, but also degrade to the <code>Sans-Serif</code> font when <code>Helvetica</code> wasn't available, you could use this CSS style:",
"<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, Sans-Serif;<br>}</blockquote>",
"<hr>",
"Now comment out your call to Google Fonts, so that the <code>Lobster</code> font isn't available. You'll also have to make sure the heading font gets degraded to <code>Monospace</code>. Some CSS changes will be necessary for this.",
"To begin with, apply the <code>Monospace</code> font to the <code>h2</code> element, so that it now has two fonts - <code>Lobster</code> and <code>Monospace</code>.",
"In the last challenge, you imported the <code>Lobster</code> font using the <code>link</code> tag. Now comment out that import of the <code>Lobster</code> font from Google Fonts so that it isn't available anymore. Notice how your <code>h2</code> element degrades to the <code>Monospace</code> font.",
"<strong>Note</strong><br>If you have the Lobster font installed on your computer, you won't see the degradation because your browser is able to find the font."
],
"challengeSeed": [
Expand Down

0 comments on commit fcc3200

Please sign in to comment.