Designer / Typography
Line Height Calculator
Calculate readable line-height values for body text and headings, preview spacing live, and copy production-ready CSS instantly. Preview readable vertical rhythm live and copy the exact values you want for body text, UI copy, or headings.
18px
Font size
1.6
Line height
28.8px
Leading
64ch
Measure
Status
Loaded reading-body starter values
Live preview
Readable body text needs enough breathing room to scan comfortably across multiple lines.
CSS output
font-size: 18px; line-height: 1.6; max-width: 64ch;
Reading note
Loose and comfortable for reading-heavy body copy.
Why this gets reused
Line-height tuning comes up over and over in articles, dashboards, design systems, and marketing pages.
Live preview makes the difference between “probably okay” and actually readable typography.