18

It's better to use sans-serif than serif fonts on the web, as their simpler letter form remain readable at low resolution. Serif fonts need more pixels to display their extra details. I was wondering why I seldom see any sans-serif fonts for body text on print design?

5
  • 1
    You might want to ask this on graphicdesign.stackexchange.com - this is more of a design question, so you might get better answers there. Mar 10, 2011 at 16:24
  • 2
    Browse the magazine section of your local book store. You'll find plenty of examples of sans serif text faces in use.
    – DA01
    Mar 11, 2011 at 18:14
  • @DA01, Have you ever found some website using serif fonts?
    – Grace kan
    Mar 23, 2011 at 23:24
  • 1
    sure. nytimes.com is a popular one.
    – DA01
    Mar 24, 2011 at 1:00
  • 1
    Here's a good read: The serif readability myth
    – Ben Brocka
    Jan 30, 2013 at 20:22

3 Answers 3

21

I don't deal in print, but I have read quite a bit about fonts in the past.

Recent studies have shown that serif vs. sans serif on a computer display is not really what affects readability, even at lower resolutions. Print, however, is a different matter. The studies consistently indicate that in print, serif based fonts are easier to read. That said, some studies I have seen have said that even in print, it doesn't really matter. It may be a cultural artifact more than anything.

There are several other factors with fonts that affect readability more than serif/sans serif, such as x-height, kerning, leading, ascender and descender heights. Maybe it's just that the typical sans serif fonts aren't great in these other areas as well when it comes to print.

Here's a fairly in-depth study I found that has some nice info to explain some of these things: http://alexpoole.info/blog/which-are-more-legible-serif-or-sans-serif-typefaces/

4
  • 2
    +1 for mentioning the cultural artifact element. There are type readability studies out there, but they are few and far between at this point and likely shouldn't carry too much weight in people's decisions.
    – DA01
    Mar 11, 2011 at 18:16
  • 1
    Do bear in mind that many of the 'big' studies supporting serif fonts are quite old; taken in times when serifs were simply far more familiar in this context. Jul 2, 2012 at 22:14
  • The link you gave is now broken.
    – Sildoreth
    Sep 22, 2014 at 17:59
  • @Sildoreth Updated the link with the new post location Sep 23, 2014 at 12:29
11

Let me preface my answer by saying the evidence is all over the place on this topic. It seems prudent to suggest that choice of typeface has a relatively minor effect on reading speed or legibility given our current understanding.

There's a section on the Wikipedia page for Serif that seems to directly address the question:

Serifed fonts are widely used for body text because they are considered easier to read than sans-serif fonts in print. However, scientific study on this topic has been ambiguous.

Here are some sources that seem to suggest that serif text has a statistically significant effect on readers (either through improvements to legibility, recall or reader preference):

Certainly the conventional wisdom (and what was taught to me at design school) is that serif text tends to be easier to read. In general the research consensus seems to point to no significant difference in legibility or speed of reading on account of serifs alone:

Indeed, a greater difference in legibility can easily be found within members of the same type family than between a serif and a sans serif typeface.


It's important to note that academic research into readability is generally performed by measuring reading time and/or comprehension; factors that require long-form text to be meaningful. In short-form use such as signage, this is the best research I'm aware of into typeface legibility (and you can see that they're testing things like reading from a distance, word recognition and efficiency).

There's a huge distinction between body copy (paragraphs of running text) and headings and other larger type. Sans serif fonts (in their modern form; text without serifs exists for thousands of years in engravings and hundreds of years in hand-lettering—see the street labels) were produced for larger, bolder uses such as signage and headings (the first commercially-available sans serif font was designed for two-line/very large uses). It wasn't until 1832 (positively recent in the history of Western typography) that a commercially-available lowercase sans serif face (referred to then and now as "Grotesque" type) became available. In those larger uses there's no real suggestion—conventional wisdom or otherwise—that serif text is in any way better for that purpose (including in print).

In general "readability" comes down to semiotics: the ability for the brain to convert the curves and splotches on the page into letters and words that carry meaning. Hypothetically, the familiarity of a given typeface should reduce the time (and effort) it takes to consume it (that's why logotypes are so easy to process—you become so used to seeing those letters in that font in that order that you don't really even need to read them to process the whole word or phrase as having the meaning that it does). In practice, research has demonstrated that familiar typefaces—ones readers have been exposed to many times before—can be read more quickly:

The results indicate that exposure has an immediate effect on the speed of reading

In a classic case of a chicken-and-egg problem, the fact that we've generally chosen serif fonts for long form text has meant typographers have generally designed them for long form text. You rarely see a serif face with an x-height as low as Futura or tiny counters like in some black and ultra bold sans serif faces, for instance. They almost always have real italics (as opposed to obliques), include lowercase numerals far more often than sans serifs and often have more flexible ligatures and other modern typographical features.

That's not to say a book typeset in Helvetica can't look beautiful compared to similarly typeset Garamond. There are plentiful tricks in the designer's arsenal to even the playing field and improve the legibility of sans serif (such as opening the leading and reducing the line length, as well as choosing less geometric sans faces that include features like stress and distinctive forms).

Long story short: your font choice matters more for reasons of branding and design than for any other reason.

7
  • "sans serif text was invented for larger, bolder uses" do you have a citation on that? Sans serif lettering goes back to BC times, so I don't think that's entirely correct.
    – DA01
    Jul 1, 2012 at 18:55
  • I have to down vote. There's lots of claims in here without citations. Example: "In body copy, tests show repeatedly that serif text tends to be easier to read on paper". A few citations would help this answer.
    – DA01
    Jul 1, 2012 at 18:56
  • I agree regarding the citations; since I mostly use UX.SE on a phone I generally have to come back to these sorts of posts and flesh them out. On sans serif faces' relative youth, I'm referring to modern, wide-spread use. The Wikipedia page has a good, simple history.
    – Kit Grose
    Jul 1, 2012 at 23:18
  • 1
    Nice work! Definitely a +1!
    – DA01
    Jul 2, 2012 at 2:44
  • 1
    Never be afraid of providing enough references, only make more and more summaries if you fear the entire thing will not get read :) This answer mentionned there on graphics.design. Nov 12, 2012 at 9:06
2

My understanding has always been that serif fonts form a subtle line across the page at the bottom of each letter form which makes it easier for your eye to follow line by line for large chunks of copy.

I think a lot of UX designers (myself included) prefer sans-serif because they seem simpler and more economical. Considering a lot of web content is for short, tight blurbs of copy rather than long articles, serif fonts are less useful in a web environment anyway, although longer articles probably still benefit.

(Another option is giving wider white space between lines to also create an easy-to-follow line.)

1
  • 3
    The 'subtle line' argument has been mentioned a lot, but not necessarily proven in any form. It's a nice justification, but doesn't necessarily carry weight. Far more important is proper letter and line spacing, column widths, font size, etc. In the end, serif vs. sans is often simply an aesthetic variable more than anything.
    – DA01
    Mar 11, 2011 at 18:18

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.