Designing With Display Typefaces Without Losing Legibility

The Legibility Tension in Display Typography

Display typefaces exist to attract attention, create mood, and express personality. They're designed for large sizes where their distinctive qualities are most visible. But distinctive qualities can also be difficult qualities — unusual letterforms, extreme proportions, heavy ornamentation — and in the wrong context or at the wrong size, those qualities become legibility liabilities.

The tension is real: the most expressive typefaces are often the hardest to read. Learning to work with this tension is what separates typographers who use display faces well from those who use them as decoration.

Size Is the Primary Variable

Display typefaces reveal their quality at size. A face that looks cluttered and confused at 12pt looks confident and powerful at 120pt. Conversely, a face designed for large display use becomes illegible below certain size thresholds.

My rule: never use a display typeface below the size at which it was designed to be used. This information is often in the typeface's documentation. If it isn't, the test is empirical: at what size does the typeface start to feel wrong? That's the minimum. Go larger than that minimum by a comfortable margin in actual use.

Quantity of Display Type

Display typefaces work best in small quantities. A single word, a short phrase, a headline of a few words. The longer the run of display type, the more the distinctive qualities become fatiguing rather than expressive.

I limit display type to the most important typographic element in any composition. The headline at maximum scale. One pull quote. The brand name. Everything else is set in a more neutral face that supports rather than competes with the display element.

Pairing for Contrast

When combining a display typeface with body or supporting text, maximum contrast between the two is usually right. The display face is highly expressive; the supporting face should be neutral and functional. They shouldn't fight for personality.

A highly ornamental script headline pairs with a clean, neutral sans-serif. A compressed, geometric display face pairs with an open, humanist text face. The contrast makes each serve its role clearly rather than creating visual confusion.

Tracking Decisions With Display Type

Most display typefaces look better with slightly negative tracking at large sizes — the letterforms were designed with the expectation of being set close together. Software default tracking rarely gives this; I reduce tracking until the headline feels tight and intentional.

The reverse applies when a display face has natural openness or when the composition benefits from a more airy quality. But the default is to track display type tighter than the software suggests.

Legibility Tests for Display

When I'm uncertain about a display type choice's legibility, I use three tests.

The first is the distance test: view the design from twice the expected reading distance. Does it still read? If it dissolves into a texture, the face is too complex for this application.

The second is the unfamiliar viewer test: show the piece to someone who hasn't seen it and ask them to read the display type aloud. If they hesitate or misread, legibility has been compromised.

The third is the grayscale test: convert to grayscale and reduce to about half the design size. If the display element still holds its form and reads clearly, it has sufficient weight and legibility.

When to Abandon a Display Choice

Sometimes the right answer is that the display face I've chosen isn't working for this application. No amount of size adjustment, tracking change, or context modification fixes it. In those cases, I change the typeface rather than forcing a choice that isn't serving the work.

The typeface is a tool. When the tool isn't right, I pick a different one.