1494a50123
* 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
36 lines
1009 B
Markdown
36 lines
1009 B
Markdown
---
|
|
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
|
|
|
|
<details><summary>Solution 1 (Click to Show/Hide)</summary>
|
|
|
|
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
|
|
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
|
|
```
|
|
|
|
select all import and ```ctrl+/```:
|
|
|
|
```css
|
|
<!-- <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> -->
|
|
```
|
|
|
|
</details> |