On Typography and the Web

The persistence of type

Typography is the most fundamental design decision on the web. Before color, before layout, before motion — there is text. And the way that text is set determines whether anyone will read it.

This isn't a new observation. But it's one that keeps getting buried under layers of abstraction. Design systems give us tokens. Utility frameworks give us classes. AI tools give us layouts. And somewhere in that stack, the actual craft of setting type — choosing sizes, weights, measures, leading, and hierarchy with intention — gets reduced to plugging in defaults.

Defaults aren't bad. But defaults without understanding produce mediocre results.

What good type on the web requires

Good web typography requires attention to a small number of things, done consistently:

• Measure — line length matters more than most developers think. 45–75 characters per line isn't a suggestion; it's the range where reading becomes comfortable. Go beyond it and comprehension drops.
• Leading — line-height needs to respond to measure. Longer lines need more space between them. Short lines can be tighter. There's no single correct value.
• Scale — a typographic scale creates visual hierarchy without shouting. The relationship between your body text, subheadings, and headings should feel inevitable, not arbitrary.
• Weight — bold is not emphasis. It's one tool for emphasis. Italic, size, color, spacing, and position all contribute. Reaching for font-bold as the first response to hierarchy problems is a habit worth breaking.
• Whitespace — the space around text is as important as the text itself. Generous margins, considered padding, and breathing room between sections signal quality and invite reading.

Typography as accessibility

Good typography is accessible typography. Sufficient contrast, readable sizes, adequate line spacing, appropriate line length — these aren't aesthetic preferences. They're functional requirements that determine whether people can use what you've built.

The overlap between "looks good" and "works for everyone" is larger than most people assume. When you optimize for readability, you almost always improve the visual design at the same time.

The craft endures

Frameworks change. Design trends cycle. But the principles of good typographic craft have been stable for centuries. Investing in understanding them — not just applying them, but understanding why they work — is one of the highest-leverage things a web designer or developer can do.

The web is, at its core, a typographic medium. Treating it that way is both a design position and a mark of respect for the people reading what you publish.