Type Scale

Generate a modular typographic scale from a base size and ratio — get font sizes in px and rem for each step, with a live preview, ready to drop into your CSS.

  • The quick brown fox +5 48.83px 3.052 rem
  • The quick brown fox +4 39.06px 2.441 rem
  • The quick brown fox +3 31.25px 1.953 rem
  • The quick brown fox +2 25px 1.563 rem
  • The quick brown fox +1 20px 1.25 rem
  • The quick brown fox +0 16px 1 rem
  • The quick brown fox -1 12.8px 0.8 rem
  • The quick brown fox -2 10.24px 0.64 rem