The Printer's First Un-kerned Type: On the Uneven Gaps of a Perfectly Optimized Page Without a `font-feature-settings`

There’s a quiet, almost invisible craft that separates the readable from the sublime in typography. It’s the art of kerning—the subtle adjustment of space between specific pairs of letters to create a visually even and harmonious flow. Long before the web, this was the meticulous work of the printer, a figure like Johannes Gutenberg or one of his countless successors, who would physically carve or cast individual pieces of metal type.

Imagine such a printer, hunched over a composing stick, assembling the first lines of a new broadsheet. Each character is a small, tangible block of lead and antimony. He slots a capital ‘T’ next to a lowercase ‘o’. Placed flush to the metal blocks, the letters create an awkward, jarring gap. The right arm of the ‘T’ overhangs its block, and the round ‘o’ sits too far away, creating a visual hole that disrupts the word’s texture. To the printer’s eye, this isn’t merely a gap; it’s a flaw in the rhythm of the text, a stumble in the reader’s journey.

The Digital Compositing Stick

On the modern web, we face a strikingly similar challenge, but our type is made of light, not lead. We meticulously choose our font stacks, specify weights, and declare `font-display` to manage the FOIT and FOUT. We believe our work is done once the glyphs are on the screen. But without the digital equivalent of the printer’s kerning—without enabling `font-feature-settings: "kern";`—we are that first printer, assembling words with un-kerned type.

The browser will render the text, yes. It will be legible, certainly. But it will lack that final layer of polished craftsmanship. The ‘AV’ pair will look distant, the ‘To’ pair will feel clumsy. The text will have the raw, uneven texture of a first draft, not the smooth, professional finish of a published work. It’s a performance optimization that has nothing to do with load time and everything to do with perceptual performance—the speed and comfort with which a human eye and brain can parse and understand the information presented.

Enabling kerning is a single line of CSS, a flick of the compositing stick. It is the acknowledgement that our craft extends beyond the binary question of ‘loaded’ or ‘not loaded.’ It lives in the nuanced space between the letters, in the micro-typography that guides a reader’s gaze without them ever knowing it. It is the final, silent act of optimization that honors the five-hundred-year-old tradition of the printer, ensuring our digital type is not merely seen, but seamlessly read.

Notes & further reading

A few pages I came back to while writing this: