From a92c07904ae6cf49b13c37632bce01e9efb5443d Mon Sep 17 00:00:00 2001 From: Gregory Gubarev Date: Sat, 8 Dec 2018 18:41:33 +0400 Subject: [PATCH] Responsive Web Design: Added hint to Specify How Fonts Should Degrade (#24357) Added hint to Specify How Fonts Should Degrade (https://learn.freecodecamp.org/responsive-web-design/basic-css/specify-how-fonts-should-degrade and https://guide.freecodecamp.org/certifications/responsive-web-design/basic-css/specify-how-fonts-should-degrade) --- .../specify-how-fonts-should-degrade/index.md | 27 ++++++++++++++++--- 1 file changed, 23 insertions(+), 4 deletions(-) diff --git a/guide/english/certifications/responsive-web-design/basic-css/specify-how-fonts-should-degrade/index.md b/guide/english/certifications/responsive-web-design/basic-css/specify-how-fonts-should-degrade/index.md index 24cd854150..299d049925 100644 --- a/guide/english/certifications/responsive-web-design/basic-css/specify-how-fonts-should-degrade/index.md +++ b/guide/english/certifications/responsive-web-design/basic-css/specify-how-fonts-should-degrade/index.md @@ -3,8 +3,27 @@ title: Specify How Fonts Should Degrade --- ## Specify How Fonts Should Degrade -This is a stub. Help our community expand it. - -This quick style guide will help ensure your pull request gets accepted. - +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. + +### Solution + +To the property ```font-family``` in selector ```h2```, in addition to ```Lobster``` font we need to add ```monospace```: + +```css +h2 { + font-family: Lobster, monospace; + } +``` + +After this, we need to comment import of the ```Lobster``` font: + +```css + +``` + +select all import and ```ctrl+/```: + +```css + +```