< FONT FACE >
Fonts are clearly the first graphics consideration for a webpage. Much is conveyed at a glance about a webpage's contents by one's choice of font. There are hundreds of them; typography is an industry in itself. I'm no expert, so I've included some links about fonts, including sites which offer downloads, at the bottom of this page.
One of the reasons why fonts are accorded only secondary importance by many web authors is that most browsers allow viewers to specify their font preference, effectively ignoring or overriding any html font tags. Additionally, there's no guarantee that a viewer's computer will have a particular fontset in their system, in which case the browser uses a default font. Having said this, I still think font selection is the first important decision one makes about a webpage's graphic design.
And so, here is a short reference guide. Except where noted, all fonts are size 4...
Index
Courier & Times |
Book |
Block |
Arial |
Goudy |
Graphite |
Lucida |
Rockwell |
Bold |
Poster |
Script |
Graffiti |
Caps Only
Return to Homepage
Courier New
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Times New Roman
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Calisto MT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Footlight MT Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Modern No. 20
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Century Gothic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Eurostile
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Maiandra GD
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Verdana
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
MPZurich Cn BT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Abadi MT Condensed Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Arial
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Arial Black
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Arial Narrow
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Arial Rounded MT Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Goudy Old Style
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Goudy Old Style ATT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Graphite Light ATT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Graphite Light Narrow ATT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Lucida Blackletter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Lucida Calligraphy
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Lucida Casual
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Lucida Handwriting
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Lucida Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Lucida Sans Typewriter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Rockwell
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Rockwell Condensed (size 5)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Rockwell Condensed Bold (size 5)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Rockwell Extra Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Bookman Old Style
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Britannic Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
CentSchbook BT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Comic Sans MS
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Flexure
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Impact (size 5)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Placard Condensed (size 7)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Bauhaus 93
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Braggadocio
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Colonna MT (size 6)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Gradl (size 7)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Imprint MT Shadow (size 5)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Playbill (size 7)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Poster Bodoni ATT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Wide Latin
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Brush Script MT (size 6)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Forte
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Mistral (size 6)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Monotype Corsiva (size 5)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Phyllis ATT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Signet Roundhand ATT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Benguiat Frisky ATT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Frog
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Harrington (size 5)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Kitty (size 6)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Matura MT Script Capitals
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Mead Bold (size 5)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Mercurius Script MT Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Algerian (size 6)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Copperplate Gothic Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Copperplate Gothic Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Desdemona (size 6)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Engravers MT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Felix Titling
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Gill Sans MT Shadow
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Goudy Stout
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Stencil (size 6)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+
Microsoft Typography |
Apple Software Updates |
|
|
ZDNet ZDNet Downloads |
C|Net CNET Download.com |
|
|
Adobe: Mother of Digital Fonts fontalicious fontopolis "The FontSite" ezine |
Dingbat ^Index
My system came pre-loaded with a fontset, commonly called dingbats. (There are a few wingding sets, too.) Personally, I don't see them as being very useful for webpage publishing because the chances of a visitor having the same dingbat font is pretty slim. Even so, they are kinda fun. If you see cartoon icons below, enjoy. If you simply see the alphabet displayed, sorry, you can go to one of the above links to find and download the "Keroppi" font.
Keroppi (size 5)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+