The @font-face Rule
In the following example, 6 types of the font-family “Playfair Display” are imported.
There are three weights of this font:
- regular (400 and 400 italic)
- bold (700 and 700 italic)
- bold (900 and 900 italic)
When selecting the font for use, the CSS specifies the
font-style: which then allows the browser to call the correct font package.