Typography Scale Calculator

Calculate harmonious type scales with various ratios.

Base Size: 16px

Ratio

Unit

5xl3.815remThe quick brown fox

4xl3.052remThe quick brown fox

3xl2.441remThe quick brown fox

2xl1.953remThe quick brown fox

xl1.563remThe quick brown fox

lg1.25remThe quick brown fox

base1remThe quick brown fox

sm0.8remThe quick brown fox

xs0.64remThe quick brown fox

:root {
  --font-xs: 0.64rem;
  --font-sm: 0.8rem;
  --font-base: 1rem;
  --font-lg: 1.25rem;
  --font-xl: 1.563rem;
  --font-2xl: 1.953rem;
  --font-3xl: 2.441rem;
  --font-4xl: 3.052rem;
  --font-5xl: 3.815rem;
}