In short
Neither is more readable on modern screens; controlled studies find no consistent legibility difference between well-designed serif and sans-serif faces at normal sizes. The choice is about tone and context: sans-serif reads as contemporary, direct and technical, and remains the safer default for interfaces and small text; serif reads as established, editorial and considered, and suits long-form reading and brands that want warmth or authority. Most sites do well with one of each, one for headings and one for body, chosen for contrast and set with care.
Where the rule came from
In the 1990s and early 2000s screens had around 72 to 96 pixels per inch, and the fine strokes and small terminals of a serif face turned to mush at body sizes. Sans-serif faces, with their even strokes, survived the rendering. "Sans for screen, serif for print" was sound advice about hardware.
The hardware changed. Phones and laptops now render at 200 to 460 pixels per inch, with sub-pixel anti-aliasing and hinting that make a serif at 16 pixels as crisp as it is on paper. The rule outlived its reason, as rules do.
What the research shows
Readability studies comparing serif and sans-serif on screens have been run many times, and the honest summary is that they do not agree, and where they do, the differences are small and swamped by other factors. Size, line length, line height, contrast, and the quality of the specific typeface each matter far more than the presence or absence of serifs. A well-designed serif at a comfortable size beats a poorly set sans, and the reverse.
There is one exception with some evidence behind it: at very small sizes and on low-resolution displays, simple sans-serif faces hold up better. That is why interface text at 12 pixels is still usually sans, and why the rule persists in that narrow domain.
For dyslexic readers, the evidence mildly favours sans-serif faces with distinct letterforms and generous spacing, though again spacing and size matter more than the category.
What each one says
Typography carries associations, and they are the real basis for the choice.
Serif reads as established, literary, considered, traditional, sometimes luxurious. Newspapers, books, law firms, universities, heritage brands. On the web, serif body text signals editorial ambition: this is something to read, not to scan. Serif headings on an otherwise sans site add warmth and a sense of authorship.
Sans-serif reads as modern, direct, neutral, technical, sometimes corporate. Software, startups, government services, anything that wants to feel efficient. It is the default of the last two decades, which means it also reads as "the default" and can feel anonymous.
Slab serifs sit in between: sturdy, friendly, a little retro. Humanist sans faces, with calligraphic roots, borrow some of the serif's warmth without the serifs. Geometric sans faces are the coldest and most modern. The categories are broader than the binary suggests, and choosing a typeface is a choice within them rather than between two.
Practical guidance by use
Interface text, labels, buttons, tables, forms: sans-serif, almost always. Small sizes, mixed with icons, needs to be neutral. A humanist sans if the product wants warmth.
Long-form reading, articles, documentation: either works; a serif at 17–19 pixels with 1.5–1.6 line height is a pleasure to read and signals that the content deserves attention. Many of the best-regarded reading experiences on the web are serif body text.
Headings: the place to take a position. A serif display face over a sans body, or a bold geometric sans over a serif body, gives a page contrast and character.
Brand identity: follows the brand. A studio that wants to feel like a publisher uses serifs; a fintech wants sans. Neither is wrong; consistency is what matters.
Accessibility-first contexts: a clean sans with distinct letterforms, generous size, and the option for the reader to switch.
Pairing
One face is easier than two, and a single well-chosen family with a good range of weights can carry a whole site. If pairing, the reliable approach is contrast: a serif for headings with a sans for body, or the reverse, from families with similar proportions and x-heights so they sit together. Two faces from the same category, such as two geometric sans faces, tend to look like a mistake rather than a choice. Superfamilies, designed with matching serif and sans versions, remove the guesswork.
Whichever you choose, load only the weights you use, self-host the files, and set a type scale so the sizes relate to each other. The setting matters more than the category.
The decision
If you are building an interface or a product, start with a sans and consider a serif for headings if the brand wants warmth. If you are building something people read, consider a serif for the body and enjoy the difference. If the brand has a voice, let the typography say it. And do not let a rule from the era of 72-pixel monitors make the decision. If you would like help choosing and pairing for a specific brand, book a call.
Common questions
Is serif or sans-serif easier to read on a screen?
On modern high-resolution screens, neither, according to most controlled studies; size, line length, line height, contrast and the specific typeface matter far more. At very small sizes or on low-resolution displays a simple sans-serif still holds up better, which is why interface text usually stays sans.
Should a website use serif fonts?
It can, and many of the best reading experiences online use a serif for body text. Serifs signal editorial, established or considered; they suit articles, publishers, professional services and brands that want warmth or authority. Keep interface elements such as buttons and labels in a sans, and set the serif at a comfortable size.
Which font is better for a business website, serif or sans-serif?
It depends on what the business wants to convey. Sans-serif reads modern, direct and technical and is the safe default for software and services; serif reads established and considered and suits law, finance, publishing, hospitality and heritage brands. Many sites pair one for headings with the other for body text.
Can you mix serif and sans-serif fonts?
Yes, and it is the most reliable pairing strategy: one for headings, the other for body, chosen from families with similar proportions so they sit together. Avoid pairing two faces from the same category, which tends to look accidental. Superfamilies with matching serif and sans versions make the pairing straightforward.
Are sans-serif fonts better for accessibility?
Mildly, for some readers. Evidence for dyslexic readers slightly favours sans-serif faces with distinct letterforms and generous spacing, but size, spacing and contrast matter more than the category. Any face set at a comfortable size with good line height and strong contrast is accessible; a cramped sans is not.
