< 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!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Book    ^Index

Calisto MT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Footlight MT Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Modern No. 20
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Block    ^Index

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    ^Index

Arial
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Arial Black
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Arial Narrow
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Arial Rounded MT Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Goudy    ^Index

Goudy Old Style
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Goudy Old Style ATT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Graphite    ^Index

Graphite Light ATT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Graphite Light Narrow ATT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Lucida    ^Index

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    ^Index

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!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Bold    ^Index

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!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Poster    ^Index

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!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Script    ^Index

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!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Graffiti    ^Index

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!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+

Caps Only    ^Index

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!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+


LINKS      ^Index



Microsoft Typography

  Apple
  Software
  Updates

ZDNet
ZDNet Downloads
C|Net
CNET Download.com

Adobe: Mother of Digital Fonts
font•a•licious
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!@#$%^&*()
,./;'<>?:"[]\{}|`~-_=+