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