Website design guidelines

Typography

Fonts and fallback fonts

Master headlines - fonts and fallbacks

Example CSS markup:

font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;

Sentinel (primary)

  • bold: 700
  • medium: 400
  • medium italic: 400

Georgia (fallback one)

  • bold: 600
  • regular: 400
  • regular italic: 400

Serif (fallback two)

  • bold: 600
  • regular: 400
  • medium italic: 400

Everything else - fonts and fallbacks

Example CSS markup:

font-family: 'Source Sans Pro', Arial, sans-serif;

Source Sans Pro (primary)

  • bold: 600
  • medium: 400
  • medium italic: 400

Arial (fallback one)

  • bold: 600
  • regular: 400
  • regular italic: 400

Sans Serif (fallback two)

  • bold: 600
  • regular: 400
  • medium italic: 400