Line Height Calculator
Work out ideal CSS line height and leading from font size and unitless ratio with this free typography calculator in your browser.
Enter Values
Minimum 0
Minimum 0
How to use this calculator
- Enter the font size in px.
- Set the line-height ratio (default 1.5).
How it works
Line height (px) = font size × ratio. A unitless line-height is just the ratio.
Worked example
16 px at 1.5. = 24 px.
Common mistakes
- Setting line-height too tight (<1.2) hurts readability.
- Using px line-heights that don't scale with text size — prefer unitless.
Frequently asked questions
What is a good line height for body text?
Around 1.4–1.6 times the font size suits most paragraphs; tighter for headings, looser for long-form reading.
Is line height the same as leading?
Effectively yes — line height in CSS sets the spacing between lines, the modern equivalent of typographic leading.
What line-height is best for body text?
Usually around 1.4–1.6. Headings can be tighter; long-form reading benefits from more.
Related tools
- rem to px Calculator
- Cron Expression Parser
- HTML Encoder / Decoder
- HTML to Markdown Converter
- JWT Decoder
- Markdown to HTML Converter
Explore more in PDF, Image, File, Data & Developer Tools.
Cite this tool
Zerdly. (2026). Line Height Calculator. Retrieved from https://www.zerdly.com/tools/line-height-calculator/
Tip: Enter any known values to calculate the remaining results.
All calculations run in your browser. Your inputs are never saved or transmitted.