What is a display font?

Built for one size range

Type designers make different decisions depending on how big the letters will be when people see them. At ten points, letters need open counters, generous spacing and sturdy strokes, because ink spread and screen pixels blur fine detail. At seventy points none of that is a risk, so a designer can tighten the spacing, push the difference between thick and thin strokes and exaggerate shapes for personality. Google Fonts uses the word display in exactly this sense, as the counterpart to body in optical sizing: the variant whose styling suits large settings. Some families come in both cuts of one design. Others, such as condensed poster faces or high contrast fashion serifs, were only ever meant to be big and have no text version at all.

How to recognise one

The quickest test is to set a short paragraph at ten points and read it at arm's length. A display face gives itself away almost at once. Hairline strokes disappear, letters in a condensed face start to merge into a grey stripe, and tight default spacing makes words run together. Other signs are visible even at headline size: very high contrast between strokes, unusual letter shapes that draw attention to themselves, capitals only designs, and a name that includes Display, Poster or Headline. None of these makes a face bad. They make it specialised, the typographic version of a chef's knife that is excellent at one job and awkward at the rest.

When a display face earns its place

A flyer is read in two passes. The first is a glance of a second or two from a noticeboard or a feed, and the second, if the first worked, is a closer read of the details. Display type belongs to the first pass: the event name, the business name, the offer or the single number that should stop someone. Posters seen from across a room lean on display faces even harder, because the headline has to work at a distance. A flyer with a strong photograph may need no display face at all, since the image is already doing the stopping and a loud headline would compete with it.

Common mistakes

The most common is using the headline font for everything, including the address, the fine print and the phone number, which are exactly the lines that must be read accurately. The second is shrinking a display face to fit a long headline, so a delicate serif ends up at a size where its thin strokes break up in print. Trim the headline instead. The third is stacking two or three expressive faces on one page, each shouting in its own voice. A fourth is setting a script or condensed face in capitals, which removes the word shapes readers rely on. One display face, used for a few words, is almost always enough.

Display type on a phone screen

A headline that dominates an A4 page can shrink to a thin line when the same design is shown as a square post in a feed. A 1,080 pixel square is displayed at roughly the width of a phone, so letters that were a few centimetres tall on paper may be a few millimetres on screen. Display faces with hairline strokes suffer most, because the fine parts fall below a single screen pixel and vanish. Condensed and heavy display faces survive the shrink far better. When a design will live on both paper and a feed, judge the headline at phone size first, since that is the tougher test, and choose a sturdier weight if the thin strokes break up.

Display type in the flyer builder

The flyer builder draws on a catalogue of 27 fonts, 18 sans and 9 serif or display, including Playfair Display, Gilda Display and Big Shoulders Display. One font applies to the whole flyer from the Theme panel, and any single text block can take a different font through the inspector's Font override. That is the natural way to use a display face: keep a readable global font, then override only the headline. Size comes from the theme's type ramp rather than a free point value, and there is no letter spacing control, so pick a face whose built-in spacing already looks right at headline size.

Questions people ask