Understand the precise definitions, CSS properties, and practical applications of letter-spacing, line-height, and glyph adjustment.
Kerning vs. Tracking: What Is the Difference?
- **Kerning:** The selective adjustment of space between two specific adjacent glyphs (e.g., 'AV', 'To', 'Wa') to eliminate awkward visual gaps.
- **Tracking (Letter-Spacing):** The uniform spacing applied across a sequence of letters or an entire paragraph. In CSS, this is managed via `letter-spacing`.
Leading (Line-Height) Best Practices
Leading derives from the physical strips of lead printers inserted between lines of type. In digital design, line-height governs reading comfort. For body text, aim for `1.4` to `1.65` times the font size. For large display headings, tighten leading to `1.1` to `1.2` to prevent fragmented visual chunks.