Over the years, I’ve worked with typography on the web. From small personal touches on my own sites to supporting many brands across a large organization. Along the way, CSS has gained features that let us do more of what designers have long asked for. I’ve taken the time to interpret these requests into reusable formulas to produce consistent results.

This site collects the recommendations and techniques I’ve landed on, for anyone who wants to set type on the web with care.

Contents

1. IFont size

   Choosing text sizes with a modular scale, and why the scale should only ever grow.

2. IIHeadings

   Sizing Headings from the scale, and the only place fluid typography belongs.

3. IIILine height

   How line height tightens as the type grows, why longer lines need more of it, and how to put it on a grid.

4. IVLetter spacing

   Tracking that responds to font size, and the technique that makes it possible today.

5. VWrapping

   How text breaks, wraps and overflows and why it should never be clipped.

6. VIText component

   An opinionated API for a text component.

7. VIIType playground

   Every input the formulas take, and the text they set, side by side.