Line Height Calculator
Generate a harmonious type scale with calculated line heights using classic musical ratios.
Type Scale — Golden Ratio (1.618)
fs: 11.089rem
lh: 1.25 (13.861rem)
fs: 6.854rem
lh: 1.30 (8.910rem)
fs: 4.236rem
lh: 1.35 (5.718rem)
fs: 2.618rem
lh: 1.40 (3.665rem)
fs: 1.618rem
lh: 1.45 (2.346rem)
fs: 1.000rem
lh: 1.50 (1.500rem)
Live Preview
Body: The quick brown fox jumps over the lazy dog. This is how body text will look with your chosen settings applied at the base size of 16px.
Frequently Asked Questions
Is the Line Height Calculator free to use?
Yes, the Line Height Calculator is completely free with no login or usage limits, and everything runs locally in your browser.
What ratios does it use to build the type scale?
You can pick from classic musical ratios including Minor Third (1.2), Major Third (1.25), Perfect Fourth (1.333), Augmented Fourth (1.414), Perfect Fifth (1.5), and the Golden Ratio (1.618).
What output units are supported?
You can view and copy the generated font sizes and line heights in px, rem, or em.
Can I copy the generated CSS?
Yes, hover any row in the type scale and click the copy icon to copy ready-to-use CSS for that heading, including font-size and line-height.