Baldur Bjarnason @baldur@toot.cafe
“Adactio: Links—A short history of body copy sizes on the Web” “There are some good arguments here for the upper limit on the font size there being too high” adactio.com/links/16288
A short history of body copy sizes on the Web
A look at the trend towards larger and larger font sizes for body copy on the web, culminating with Resilient Web Design.
There are some good arguments here for the upper limit on the font size there being too high, so I’ve adjusted it slightly. Now on large screens, the body copy on Resilient Web Design is 32px (2 times 1em), down from 40px (2.5 times 1em).
Responses
Related links
V6: Typography and Proportions | Rob Weychert
Rob walks us through the typographic choices for his recent redesign:
Most of what I design that incorporates type has a typographic scale as its foundation, which informs the typeface choices and layout proportions. The process of creating that scale begins by asking what the type needs to do, and what role contrasting sizes will play in that.
Web Typography: Designing Tables to be Read, Not Looked At · An A List Apart Article
An extract from Richard’s excellent book, this is a deep dive into styling tables for the web (featuring some CSS I had never even heard of).
Tables can be beautiful but they are not works of art. Instead of painting and decorating them, design tables for your reader.
(It also contains a splendid use of the term “crawl bar.”)
The Anatomy of Web Fonts [Design Principles]
Andy Hume has written a superb article about typography on the Web.
Interface font family
Interface is a font for highly legible text on computer screens.
And it’s free!
Related posts
The typography of a web book
The font choices for Resilient Web Design.