The Letterpress Printer's First Pull: On the Unseen Alignment of a Font's True Dimensions
In the quiet discipline of letterpress printing, before a single sheet was pressed, the compositor faced a task of profound precision. Each piece of type—a reversed, raised letter cast in hard metal—had to be selected from its case and set, one by one, into a composing stick. The goal was not merely to spell words, but to create a block of text that would, under immense pressure, transfer ink evenly and clearly to the page. A skillful printer, however, knew that the visual harmony of the final print depended on something that happened long before the ink was applied: the careful accounting for each character’s true physical dimensions, its kerned edges and its inherent whitespace. This hidden geometry, this unseen box around every ‘A’ and ‘V’, is the ghost in the machine of our modern web fonts.
Today, when we load a custom typeface on a website, we are performing a digital version of that typesetter’s work, but often without his foundational patience. We call for a font file from a server, and while it travels, the text that depends on it exists in a state of limbo. The browser, like an apprentice handed an empty composing stick, knows the content is there but has only its fallback font to understand the text’s intended size and shape. The result is the all-too-familiar flash of unstyled text, or worse, a jarring reflow of the entire layout as the true font arrives and the browser must recalculate every character’s dimensions. This is not a bug; it is a failure to account for the letterpress printer’s first principle: know your type before you lock up the form.
Setting the Form Before the Press Runs
The parallel lies in the concept of a ‘font-display’ strategy, but it goes deeper than a simple swap or block. The master printer didn’t guess how much space a word would take; he measured it with his stick. In our realm, the equivalent is the `font-face` descriptor `font-display: optional`. This directive asks the browser to treat the font-loading period as a critical window. If the custom font isn’t ready within the first few moments (typically the first render cycle), the browser is instructed to abandon it entirely for the session and stick with the fallback. It’s a deliberate, almost ruthless, commitment to layout stability, mirroring the printer’s need to lock his form firmly before the press run begins. There can be no shifting mid-print.
This approach demands a different kind of craft from the designer and developer. It requires selecting a fallback font that is not just a visual approximation, but a metrical counterpart—a font whose characters occupy nearly the same width and height as the preferred typeface. The goal is to have the text block hold its shape, whether the custom font loads or not. It’s the digital equivalent of ensuring your lead type and your wood blocks are all type-high, sitting perfectly flush in the chase. This meticulous preparation, unseen by the reader, is what prevents the textual equivalent of a flawed impression: blurred letters from a misaligned press bed.
In an age of abundant web fonts, we are often like overeager printers, eager to show off our beautiful new typefaces without first ensuring the form is truly set. We accept reflows as a cost of beauty. But the discipline of the letterpress reminds us that true craft lies in the invisible alignment. It’s in the commitment to a stable foundation, where the dimensions of our letters—whether rendered in metal or pixels—are respected from the very first pull. The most elegant typography is not the one that flashes into view, but the one that was never seen to move at all.
Notes & further reading
A few pages I came back to while writing this: