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

The following sites use serif font for body text.

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

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

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, use complex gothic font as their logos, 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.