Added section on importing fonts from Google (#22888)

This commit is contained in:
Dallin Reeves
2018-11-28 09:33:18 -06:00
committed by Christopher McCormack
parent 5b7fb15caf
commit 10ba73b42d

View File

@ -19,6 +19,15 @@ mechanism for preserving style if the family-name is unavailable. A generic name
family names are serif, sans-serif, monospace, cursive, fantasy, system-ui.
In addition to specifying common fonts that are found on most operating systems, custom web fonts can be used as well. To import such a font, copy the font URL from the library and reference it in the HTML.
### Importing a font from Google
If you want to use a font that is not downloaded on your computer, you can import one from [fonts.google.com](https://fonts.google.com/).
```css
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
```
Then you can use the font that you have imported (in this example, 'Lobster') in your code as normal.
### Font style
The `font-style` property can be used to specify italic text.