Home  >  Help
Banner image
Web Publishing Help

Web Design Guidelines: Text and Typography

In Web publishing, you're more limited with text than you are in print publishing. Many older browsers support only Times or Courier by default. The latest versions of Netscape and Internet Explorer support the use of fonts other than Courier and Times, but only if the machine doing the browsing has the fonts you specify installed. And not all browsers offer the full range of font size, color, or style capabilities. To make matters even more complicated, some people change their browser's default font.  In addition, fonts generally appear larger on a PC than on a Mac. The best you can do to deal with these issues is to identify your target audience and see which browsers and systems they are using, and design for the most popular ones.

You may specify the font you'd like the browsers to display through the "FACE" attribute of the "FONT" HTML tag.  But to increase the chances that you will get a typeface you are happy with, you should specify multiple fonts. The browser will check for the presence of each font in the order given. Always specify at least one typeface from each operating system (example: "Verdana, Geneva) to avoid having the browser render your pages in the default font.  Example:

<FONT FACE = "Helvetica, Geneva"> Typefaces </FONT>

The table below lists the fonts that come with Windows 95 and the Macintosh operating system.

Windows 95 Default Fonts Macintosh OS Default Fonts
Arial Chicago
Arial Black Courier
Arial Narrow Geneva
Arial Rounded MT Bold Helvetica
Book Antiqua Monaco
Bookman Old Style New York
Century Schoolbook Palatino
Courier Times
Courier New
Garamond Additional fonts for users with laser printers
MS Dialog New Century Schoolbook
MS Dialog Light Avant Garde
MS LineDraw Bookman
MS Serif
MS Sans Serif
MS SystemX
Times New Roman
Verdana

To specify more than one type of font for Body Text:

<FONT FACE = "Arial, Helvetica, Geneva, Verdana"> Typefaces </FONT>

 

Resources


General Design Guidelines

Logo Usage

Color/Graphics

Web Style Guide

URI ImageBank

Web Design Guidelines Home