Web Design: Serif or Sans-Serif?

By Xah Lee. Date: . Last updated: .

A survey of top web site's design choices.

wall street journal front page 2017 03 21

Serif body text

Look at the article body text. (not the headline text.)

sans-serif body text

Vast majority of websites are still sans-serif.

  1. USA TODAY http://www.usatoday.com/
  2. wikipedia List of newspapers in the United States by circulation
  3. cosmopolitan mag. http://www.cosmopolitan.com/
  4. google
  5. facebook
  6. youtube
  7. baidu
  8. yahoo
  9. amazon
  10. twitter
  11. ebay
  12. pinterest
  13. reddit

Title Text Font

It's commonly thought that serif is more readable. However, if you do research, you'll find that scientific evidence are inconclusive.

Fixed Layout or Flow?

the New York Times uses a fixed design. That is, if you change window size, and when your window width is smaller than 1000px, then, text will disappear, you'll need to scroll horizontally.

{Wall Street Journal, Washington Post, Los Angeles Times}, they are all “responsive design”. The layout reflows even when your window width is like a cell phone sized.

〔►see Web Design: Fixed-Layout vs Flowed-Layout

Text Logo Image or Text?

some of the journals, has complex gothic font as their logo, like

𝕬 𝕭 𝕮

〔►see Math Font ℤ ℚ ℝ ℂ ℜ ℑ ℵ

so, do they design their own? or use Google Webfont, or use image, or SVG?

so that means, SVG is now mature.

〔►see Practical SVG Tutorial

Like what you read? Buy JavaScript in Depth
or, buy a new keyboard, see Keyboard Reviews.