monkinetic weblog

Steve Ivy's Weblog - Since 1999 - XII Ed.

The New Typography: ALA & Grids

A%20List%20Apart:%20Articles:%20Setting%20Type%20on%20the%20Web%20to%20a%20Baseline%20Grid

A List Apart on setting type on a grid. I am amazed lately at the ability of designers to make Georgia, Helvetica and the like look elegant. In ALA's case, it's Happy Cog's Jason Santa Maria.

body {
    color:#333333;
    font-family:Verdana,sans-serif;
    font-size:0.8125em;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1;
}
#content h2 {
    color:#000000;
    font-size:1.5em;
    margin:1.25em 0pt 0.25em;
}
h2 {
    font-family:Georgia,"Times New Roman",serif;
    font-size:1.5em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:1px;
    line-height:normal;
}
#main p {base.css (line 81)
    line-height:1.8em;
    margin:0pt 0pt 1em;
    text-align:left;
}

This screenshot brought to you by the letter S, for Skitch.

(The New Typography is a series of posts of indeterminate usefulness showcasing interesting uses of typography online and how the designer implemented them. Type-as-image need not apply.)

My name is Steve Ivy and I write about technology, the open web, social software, and general nerdity on monkinetic.com. You should follow me on Twitter or subscribe to this blog if you like what you're reading. I spend my days hacking Movable Type, python, Django, and various other efforts at Wallrazer. This is my personal site.