📐 Line Spacing Converter
Convert line height and calculate leading
Ratio
1.500
Pixels
24.0px
Em
1.500em
Leading
8.0px
Optimal for body text
👁️ Preview
The quick brown fox jumps over the lazy dog. This sample text demonstrates the current line spacing settings applied to body copy.
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed.
CSS:
line-height: 1.500📋 All Values
Ratio (unitless)
1.5000
Pixels
24.00px
Points
18.00pt
Em
1.5000em
Percent
150.0%
Leading
8.00px
💡 Recommended Line Heights
| Content Type | Ratio | Notes |
|---|---|---|
| Headings | 1.1-1.3 | Tighter for large text |
| Body text | 1.4-1.6 | Optimal readability |
| Small text | 1.6-1.8 | More space needed |
| Wide columns | 1.6-2.0 | Helps track lines |
| Narrow columns | 1.3-1.5 | Less space needed |