# Typography

## Principles

## Typefaces

```
 /* Font Family */
  --font-family:-apple-system, "Segoe UI", "Roboto", "San Francisco", "Helvetica", sans-serif;
  ```

## Font sizes

Typography scale: 1.5 line-height

### Display headings
Header Tags | Usage | Weight | Size (px) | Line-height (px)
------------ | ------------- | ------------- | ------------- | -------------
H1 | Display 1 | Light | 88 | 132
H2 | Display 2 | Light | 80 | 120
H3 | Display 3 | Light | 72 | 108
H4 | Display 4 | Light | 64 | 96
H5 | Display 5 | Light | 56 | 84
H6 | Display 6 | Light | 48 | 72

### Headings
Header Tags | Usage | Weight | Size (px) | Line-height (px)
------------ | ------------- | ------------- | ------------- | -------------
H1 | Page Header | Medium | 40 | 60
H2 | Heading | Medium | 32 | 48
H3 | Subheading | Regular | 24 | 36
H4 | Button (lg, xlg) | Regular | 20 | 30
H5 | Body, Button (md) | Regular | 16 | 24
H6 | Caption, Button (sm) | Regular | 14 | 21

