O'Reilly logo

The Zen of CSS Design: Visual Enlightenment for the Web by Molly E. Holzschlag, Dave Shea

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter . si6

The trouble with fonts, and how to cope with that trouble

<authorgroup>Shaun Designer Inman</authorgroup>
si6 (Inman)Inman, Shaunsi6typographysi6typography examples from Zen Gardensi6si6
<feature><title></title>

DESIGNER SHAUN INMAN created si6 to take advantage of a grid structure. Three columns are implied in the design by imaginary type boundaries. The subtle lines interspersed amongst lines of text form complex relationships between the headers in the left column and the paragraphs they summarize in the main body’s middle column.

The type itself was carefully adjusted to fit on top of a background of image-based underlines. Constructing pixel-reliant text in this way resulted in a highly polished visual, but ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required