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)