Tuesday, September 14, 2010

Fonts for headings and monospace type

The remaining “safe” fonts are typically display fonts (for headings) or monospace fonts
for when each character needs to be the same width—for example, when adding code
examples to a web page.
Arial Black and Impact are reasonable choices for headings, although they must be handled
with care. The bold version of Impact looks terrible (and isn’t displayed at all in some
browsers), and some browsers by default render headings in bold, so this must be overridden
in CSS. Often, large versions of fonts mentioned in the previous two sections are
superior.
Courier New is more useful and a good choice when you need a monospace font. Note
that falling back to Courier for Linux is recommended. The pairing of Lucida Console
(Windows) and Lucida Sans Typewriter or Monaco (Mac) may also be suitable for monospace
work, if you’re looking for a less “computery” feel.
Few other fonts are worth a mention, barring perhaps Comic Sans MS, which is inexplicably
popular with novice web designers. To give the font its due, it is readable, but its quirky
and unprofessional nature makes it unsuitable for most purposes (even comic artists
eschew it in favor of personalized fonts).The following image shows several of the fonts mentioned in this section, again with Mac
versions on the left and Windows versions on the right.

No comments:

Post a Comment