Overview:
Type on the Web: Key Concepts
by
Agatha Taormina
| We can play with the text on a web page by changing its
size, typeface, font, and/or color.
However, before you do too much experimenting with type, become familiar with some of the basic concepts of typography. |
||
| A font is a style or shape of type.
A typeface is a family of fonts. For example, the text you are reading now uses the Times Roman typeface. Times Roman also comes in a bold font and an italic font. |
||
| Each typeface has many different characteristics ranging
from the height and width of each character to the thickness or thinness
of the strokes that make up each character.
Typeface does fall into two major classifications: serif and sans serif. A serif is a stroke that appears or projects from the ends of the main strokes that make up a letter. Times Roman, the typeface I am using in this sentence, is a serif typeface. A sans serif (from the Latin sans, meaning without) typeface lacks these projecting strokes.
|
||
| Each typeface has its own character and projects its own
image.
|
||
| So choose your typeface carefully.
However, note that the browser being used by your visitor must be able to support your chosen typeface. In other words, if the visitor's browser cannot display your typeface, the browser will revert to its default typeface and your carefully chosen effects will disappear. The only way to permanently insure the look of your chosen typeface is to create a graphic file using that typeface. In general, use such a graphic file only with a headline. |
||
The art of typography is
a separate study unto itself. But there are a few basic rules
that web developers should follow when they choose typefaces.
|
||
Employ contrast between your
typeface and the background of your page.
|
||
Employ white space.
|
Web
Design Center Readings
Last Revised:
June 24, 2002
© Agatha Taormina