Choosing a body text font that holds up

Headings get the attention. Body text does the work. Somewhere between 70 and 90 percent of the words on a typical page are body text, and the choice of font there matters more than which display face sits in the hero. A bad body font makes a page feel off in a way readers cannot name. A good one disappears.

This is the practical side of font pairing. Once you have accepted the rule of two fonts, the body font is the one to choose first. Here is how.

The four traits that matter

Forget the specimen poster. A body font earns its place at small sizes, in long blocks, on a range of screens. Check it for these four traits before you commit.

• Tall x-height. The height of the lowercase letters, relative to the cap height, is the single biggest factor in on screen legibility. A tall x-height keeps letterforms open at 16 pixels. Inter, Public Sans, and Source Serif all run a generous x-height for this reason.
• Even color. Look at a paragraph of the font as a gray block by blurring your eyes. If some letters look dark and others light, the paragraph will read as patchy. You want consistent stroke weight across letters, which is what typographers mean by even color.
• Multiple weights. A real body family ships at least regular, italic, medium, and bold. Four weights gives you emphasis, hierarchy, and tables without bringing in a second font. If the family you are considering only has one weight, walk away.
• Neutral voice. A body font is the stage, not the actor. If the font has a strong personality (a quirk in the g, an unusual a, very square shoulders), it will get tiring after a paragraph. Save personality for headings.

A body font that scores well on all four is what typographers call a workhorse. You will recognize the category once you start looking.

Workhorse sans for body text

These are the families we reach for on interfaces, marketing pages, and anywhere the screen is the medium.

• Inter. Drawn specifically for screens, with a tall x-height and clean shapes. If you are unsure what to use, this is the answer that will never embarrass you.
• Work Sans. A touch warmer than Inter, with a little more character in the letters. Good for body text that should still feel human.
• Public Sans. A no nonsense sans originally drawn for a government design system, which tells you everything about how legible and neutral it is.
• IBM Plex Sans. Has genuine character without ever shouting. Pairs cleanly with the rest of the Plex superfamily if you decide later that you want a serif or a mono.

Serifs worth reading at length

For long form articles, documentation, or anywhere readers will spend more than a minute on the page, a body serif is often the better call. The strokes guide the eye along the row, which is why books have used them for five centuries.

• Source Serif. A modern serif that reads beautifully in paragraphs and pairs cleanly with a plain sans heading.
• Newsreader. Drawn for on screen reading at longer lengths. If you are building a blog or a magazine style site, start here.
• Fraunces. More characterful than the other two, with an optical size axis that looks lively big and stays readable small. Worth it if the brand has personality.

The full shortlist, with notes on each, lives in our best free fonts roundup.

Fonts to avoid for body text

Some families are good fonts but bad body fonts. The trap is real.

• Display and poster faces. Anything sold as a display face is drawn to be read at large sizes. At body size, the contrast between thick and thin strokes collapses and the letterforms get muddy.
• Single weight novelties. A free font with one weight and no italic will leave you stuck the moment you need emphasis. A body family without regular, italic, and bold is not a family yet.
• Hand drawn or brush scripts. Charming in a logo, unreadable in a paragraph. Same for monoline signatures and condensed caps.
• Tight letter spacing. Some display faces are drawn with negative tracking for headlines. As body text, the letters merge.

Tune it before you judge it

A body font that looks mediocre in the editor can look genuinely good once you set it correctly, and a great one can look bad when the spacing is wrong. Before you reject a candidate, give it a fair trial:

• Body size of 16 to 18 pixels. Anything smaller is unfair to the font.
• Line height of 1.5 to 1.6. Most editors default to 1.2, which is too tight for screen body text.
• Measure of 60 to 75 characters. A line that runs the full width of a desktop screen is too long to read comfortably.
• Real paragraph copy. Not lorem ipsum. Drop in 200 words of actual content and read it.

We walk through each of these numbers in detail in setting type for screen reading. The short version: most beginner body text is set too small, too tight, and too wide.

A short decision tree

1. Is the page mostly long reading (articles, docs)? Use a serif body. Start with Source Serif or Newsreader.
2. Is the page mostly short reading (marketing, dashboards, cards)? Use a sans body. Start with Inter or Public Sans.
3. Do you want one decision that covers everything? Use a superfamily like IBM Plex, with the sans as body and the serif as an option for headings.

In all three cases the answer is a workhorse, not a personality. The body font is the foundation. Pick a plain one that gets out of the way, and you give every other typographic decision room to breathe.