AAA Conversion

Typography Converter

Recent Conversions

No conversions yet. Start converting to see your history here.

Common Typography Conversions

Pixels (px)Rem / EmPoints (pt)Percent (%)
12px0.75rem9pt75%
14px0.875rem10.5pt87.5%
16px1rem12pt100%
18px1.125rem13.5pt112.5%
20px1.25rem15pt125%
24px1.5rem18pt150%
32px2rem24pt200%
48px3rem36pt300%

Typography Unit Reference

Pixel (px)

  • Absolute unit
  • Fixed size on screen
  • Does not scale with user settings

Rem

  • Relative to the root (html) font size
  • Default root = 16px
  • Ideal for consistent, scalable layouts

Em

  • Relative to the parent's font size
  • Useful for component-scoped sizing
  • Compounds when nested

Point (pt)

  • 1 pt = 1/72 inch
  • 1 pt ≈ 1.333 px
  • Common in print and word processors

Percent (%)

  • Relative to the parent's font size
  • 100% = parent font size
  • Behaves similarly to em

Base Assumption

  • Root font size: 16px
  • 1rem = 1em = 100% = 12pt = 16px
  • Override via html { font-size }

Conversion Examples

Pixels → Rem

24px ÷ 16 = 1.5rem

Rem → Pixels

1.25rem × 16 = 20px

Pixels → Points

16px × 0.75 = 12pt

Points → Pixels

18pt × 1.333… ≈ 24px

Pixels → Percent

20px ÷ 16 × 100 = 125%

Percent → Pixels

87.5% ÷ 100 × 16 = 14px