Condensed Fonts: When Narrow Type Earns Its Place

A condensed typeface is drawn narrow, so more letters fit across the same width without the type getting smaller. That makes it a problem-solver rather than a style: it exists for the headline that is two words too long, the table with nine columns, the sign that has to be read from a moving car. Used for those jobs it is superb. Used because it looks modern, it often makes text harder to read.

Condensed is not the same as squashed

Any design program can squeeze a normal font horizontally, and the result is always worse than a real condensed face. Squeezing thins every vertical stroke while leaving the horizontal ones as they were, so the letters look distorted and uneven. A designed condensed font rebalances the strokes so the colour stays even. If the family you like has no narrow version, choose a different family rather than squashing it.

The free condensed families worth knowing

Oswald and Bebas Neue are the familiar poster gothics; Bebas is capitals only. Big Shoulders Display is taller and more industrial, and its thin weights are unexpectedly elegant. Teko is squared-off and scoreboard-like, good with numbers. Fjalla One has a little stroke contrast, which keeps long headlines from turning into a black bar.

For interfaces and data, where narrow type has to be read at small sizes, pick a condensed member of a text family rather than a poster face: Roboto Condensed, Barlow Condensed, PT Sans Narrow and Archivo Narrow all have regular-width siblings to pair with. The full list is on the condensed style page.

Where narrow type works

• Headlines in narrow columns. A news headline or a mobile hero can stay large without wrapping onto four lines.
• Tables and dashboards. Narrow figures let more columns fit without shrinking the type.
• Navigation and labels. Long menu items fit in a fixed bar.
• Signs, posters and sports graphics. Tall letters use vertical space that wide letters waste.

Where it does not

Paragraphs. The narrow counters and tight rhythm that make a condensed face efficient also make it harder to read in quantity: the eye relies on the distinct shapes of letters, and narrowing them makes them more alike. Set body text in a normal width and let the condensed face carry the headings, ideally from the same family so the two agree.

Condensed capitals also benefit from a touch of extra letter-spacing, as explained in kerning, tracking and leading. For thumbnails and social graphics, where narrow heavy type is the default, see fonts for YouTube thumbnails.