Text Utilities
/line-height-calcLine Height Calculator
Calculate optimal line heights
px
Tight1.2×
19.2px
1.200 / 1.200rem / 120.0%
Snug1.375×
22.0px
1.375 / 1.375rem / 137.5%
Normal1.5×
24.0px
1.500 / 1.500rem / 150.0%
Relaxed1.625×
26.0px
1.625 / 1.625rem / 162.5%
Custom Ratio
×
All Ratios
Tight1.2×
Headings, large text
19.2px · 1.200 · 1.200rem · 120.0%
Snug1.375×
Subheadings
22.0px · 1.375 · 1.375rem · 137.5%
Normal1.5×Recommended
Body text (recommended)
24.0px · 1.500 · 1.500rem · 150.0%✓ 8px grid
Relaxed1.625×
Long-form reading
26.0px · 1.625 · 1.625rem · 162.5%
Loose2×
Large blocks, accessibility
32.0px · 2.000 · 2.000rem · 200.0%✓ 8px grid