Line Height Calculator
Calculate the optimal line-height and letter-spacing for your typography with our free online calculator. Get recommended values based on font size, preview your text in real-time, and generate production-ready CSS code.
Preview
The quick brown fox jumps over the lazy dog. This is a sample paragraph to preview your typography settings. Good line height makes text easier to read and improves the overall visual appearance of your content.
Line Height Ratio
1.50
Optimal Ratio
1.50
Line Height (px)
24px
Reading Width
528px
Font Size
Line Height
Letter Spacing
CSS Code
font-size: 16px; line-height: 24px;
Presets
Recommendations
- For body text, a line-height of 1.4-1.6 is recommended for optimal readability.
- For headings, use a smaller line-height (1.0-1.3) to create visual hierarchy.
- Letter spacing should typically be -0.02em to 0.05em for body text.
- For optimal reading width, aim for 45-75 characters per line.
Frequently Asked Questions
Related Tools
Tags
line height
letter spacing
typography
css line-height
css letter-spacing
typographic scale