Slug: the-new-typography-ala-grids Date: 2007-04-11 Title: “The New Typography: ALA & Grids” layout: post

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.)