Elements of Typographic Style for the Web

One of my favourite typography books is Robert Bringhurst’s The Elements of Typographic Style. I used it a lot as a reference back when I did the occasional print design work, and I can highly recommend it to anyone interested in typography.

Originally published in 1992, Bringhurst’s book does not mention anything about typography for the Web. That is understandable. But now there is a website that explains how to apply the book’s working principles to the Web: Richard Rutter’s Elements of Typographic Style Applied to the Web - A practical guide to web typography.

The site uses a clean, typography-oriented design that lets the reader focus on the content. For some background info and a place to leave your comments on the site, go to Richard’s blog post Elements of Typographic Style Applied to the Web.

Great job, Rich!

Posted on December 13, 2005 in Quicklinks, Typography


  1. Ain’t it just? Taking a set of solid, proven principles, and showing how they still apply to all this technology we’re so fond of regarding as “new”. Super stuff.

  2. December 24, 2005 by Damian Sweeney

    I’ve been following Rutter’s series with interest. The most recent post Letterspace all strings of capitals and small caps, and all long strings of digits raises an interesting connundrum. In XHTML 2.0, the acronym tag has been deprecated in favour of abbr.

    this includes acronyms

    (from the XHTML 2.0 Text module).

    Rutter’s suggestion for providing letterspacing for acronyms is to style the abbr tag. This works fine for acronyms like HTML or W3C, but doesn’t help when styling actual abbreviations like Inc., Ltd., Mass., etc.

Comments are disabled for this post (read why), but if you have spotted an error or have additional info that you think should be in this post, feel free to contact me.