Web Design: Serif or Sans-Serif?

By Xah Lee. Date: . Last updated: .

A survey of top web site's design choices, as of 2016-03-25.

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.

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]

Font Size Survey

font size usa today 2022-02-17 450 font size nyt 2022-02-17 151 font size washington post 2022-02-17 957 font size la times 2022-02-17 554 font size time mag 2022-02-17 514 font size yahoo 2022-02-17 314 font size wsj 2022-02-17 241 font size scientific american 2022-02-17 56 font size wikipedia 2022-02-17 109 font size xahlee 2022-02-17 422
BUY
ΣJS
JavaScript in Depth

User Interface Design