Find the ideal line height for your font size. Get values in px, rem, and em with a live preview.
The quick brown fox jumps over the lazy dog. Good typography makes reading feel effortless. Line height affects readability by controlling the vertical space between lines of text, allowing the eye to track naturally from one line to the next without getting lost or feeling cramped.
| Use Case | Ratio | WCAG | Notes |
|---|---|---|---|
| Headings (H1–H2) | 1.1 – 1.25 | N/A | Tighter leading for large text |
| Subheadings (H3–H4) | 1.25 – 1.4 | N/A | Slightly more breathing room |
| Body text | 1.5 – 1.6 | AA Pass | WCAG minimum 1.5 for body |
| Long-form / articles | 1.6 – 1.8 | AA Pass | Better for sustained reading |
| UI labels / buttons | 1.0 – 1.2 | Context-dependent | Short single-line strings |
| Captions / small text | 1.4 – 1.5 | AA Pass | Legibility at smaller sizes |
| Dyslexia-friendly | 1.8 – 2.0 | AAA | Recommended for accessibility |