For years the standard advice was simple: use sans-serif fonts on screens and serif fonts in print. That advice made sense on low-resolution monitors, where small serifs were reduced to a pixel or two. Today’s high-density screens render fine detail well, and the choice between serif and sans-serif is now mostly about tone and the specific design, not the category.
What the terms mean
Serifs are the small strokes at the ends of letterforms. Serif typefaces, such as Lora, Merriweather or EB Garamond, include them. Sans-serif typefaces, such as Inter, Open Sans or Work Sans, do not. Both categories contain many sub-styles:
- Old-style serifs (EB Garamond, Crimson Pro) have a calligraphic, bookish feel and moderate contrast.
- Transitional and Didone serifs (Libre Baskerville, Playfair Display) have sharper contrast between thick and thin strokes; the Didone style is strongest and best at large sizes.
- Slab serifs (Roboto Slab, Zilla Slab, Bitter) have heavy, block-like serifs and low contrast.
- Grotesque and neo-grotesque sans (Work Sans, Libre Franklin, Inter) are neutral and functional.
- Humanist sans (Open Sans, Source Sans 3, Fira Sans) are based on handwritten proportions and tend to feel friendly and open.
- Geometric sans (Montserrat, Poppins, Josefin Sans) are built from circles and straight lines, giving a clean, modern look.
Is one more readable?
Research comparing serif and sans-serif readability on screens has not produced a large, consistent winner. Differences between individual typefaces, and in how they are set, outweigh the difference between the two categories. A well-designed serif at a comfortable size and line height reads better than a poorly suited sans-serif at a cramped size, and the reverse is also true.
That means the questions worth asking are about the specific font:
- Is the x-height generous enough for the size you will use?
- Are the letter shapes open and distinct?
- Is the stroke contrast moderate enough to survive small sizes?
- Does the family have the weights and italics you need?
Where each category tends to shine
Sans-serif
Sans-serifs are the default for user interfaces, dashboards and apps because they stay crisp at small sizes and in tight spaces such as buttons, labels and navigation. They often feel modern, direct and neutral, which suits technology products and businesses that want to appear straightforward.
Serif
Serifs bring associations with books, newspapers and tradition. They are excellent for long-form reading at comfortable sizes, for editorial headlines and for brands that want to feel established, literary or premium. Serif families built for screens, such as Merriweather, Literata or Source Serif 4, are as comfortable on a phone as many sans-serifs.
Combining both
You do not have to choose one. A serif and a sans-serif together is the most common kind of font pairing because the difference in classification creates clear hierarchy. Use a serif for headings and a sans-serif for body text, or the reverse for a literary feel. See heading and body font combinations for practical rules.
How to decide for your site
- Write down the tone you want, for example “calm, expert, modern”.
- Pick two or three serifs and two or three sans-serifs that fit that tone in the Font Explorer.
- Compare them with a real paragraph in Font Comparison, at the size you plan to use.
- Choose the font that reads most comfortably and fits the tone, regardless of category.