The noise-to-signal ratio on FaceBook is pretty high, but it’s worth keeping up. Once in a while a real gem arrives, something you might otherwise have missed.
Earlier this week, Jackie Goldberg in LA shared a link to a project by Montreal-based designer Stéphane Curzi using baseline text alignment on the Web.
It’s very impressive. This is the nicest-looking typography I’ve seen on the Web using HTML and CSS, because it has the consistency only an underlying grid can provide. Most websites you see – even if the designer has tried to take pains with the typography – somehow still end up looking as if they’re missing something. What’s missing is typographic harmony, which can be achieved only by integrating all the type on the page – headings, captions, body text, etc. – using matching grid units.
Take a look at the page below. Notice how stable and harmonious it seems (look at the website to get the true picture).
So far, it doesn’t work with the CSS3 multicolumn attributes. But I’m hoping someone can figure this out. Stéphane’s made his work free under Creative Commons. All you have to do is give him a credit.
It ought to work with any font, just by editing the CSS.