## Font Sizes: Relative vs. Absolute

As a general guideline with CSS, relative measurements are better than absolute measurements.

- Relative
  - Relative to UA settings:
    `xx-small | x-small | small | medium | large | x-large | xx-large`
  - Relative to context:
    `larger | smaller`
  - Percentage (%)
  - `em` units - relative to the inherited font size
  - `rem` - relative to the html em (root em)
    For typical default settings, 1rem = 16px
- Absolute
  - "px" sizes
  - "pt" sizes (8pt, 10pt, 12pt)