## Fonts

- MDN: Fundamental text and font styling

### font-family

CSS font-family property takes a comma-separated list of fonts,
and should always end with a generic font-family (e.g. serif, sans-serif, monospace).

    body {
    font-family: 'Merriweather Regular', 'Times New Roman', serif;
    }

### How are fonts defined?

Two approaches with fonts:

- Rely on system fonts
- Use web fonts to deliver font definition as part of the resources loaded by a page
  - load the font definition
  - use in "font-family" CSS property

Note:

- hosted fonts or our fonts
- multiple ways of loading fonts
  - `link` element in `head` of HTML ← use this!
  - `@import` or `@font-face` in CSS