Recreating the Guardian’s masthead
#2 in an occasional series of typographical niceties.
I stumbled across a description of the Guardian’s old masthead, probably the most distinctive of the modern era: a daring mixture of old-style Garamond and modern Helvetica. Now, Garamond comes with most versions of Windows (I’m not sure about the Mac), and every computer in the world has Helvetica (or Arial) installed on it (Linux?)
See the old Guardian masthead.
The HTML is simple: I wrapped ‘the’ and ‘guardian’ in a couple of spans named ‘article’ and ‘title’.
And here’s the CSS:
.article {
font-family: garamond, times, serif;
font-size: 3em;
font-style: italic;
font-weight: normal;
}
.title {
font-family: helvetica, arial, sans-serif;
font-size: 2.7em;
letter-spacing: -5px;
}I must find a use for this!
Written by Trackbacks on December 4th, 2008