Adding Different Fonts

Along with changing the size and color of your text, you can change the font style (typeface) of all or certain portions of your Web text by including the FACE attribute within the tag. The catch, however, is that the individual viewing your Web page must have the exact font you designate installed on his or her computer.

So how does the FACE attribute work? Just like FONT SIZE and FONT COLOR. For instance, if you have the font specified by the FONT FACE tag in each of the examples below installed on your computer system, the text between the sample FONT FACE tags will be displayed in the font style designated within the FONT tag. If not, the font style will revert to the default font you have specified in your browser preferences:

Are you seeing Courier text?

Are you seeing Arial text?

Are you seeing Times text?

Are you seeing Verdana text?

Are you seeing Comic Sans?

Are you seeing Georgia text?

Are you seeing Impact text?

Are you seeing Trebuchet?

In addition, you can specify more than one font in the FONT FACE tag. If the person viewing your Web page doesn't have the first font specified, then text will be displayed in the second font listed. If the second is unavailable, then the text will be displayed in the third choice, and so on. If none of the fonts listed are installed on the viewer's computer system, then the font specified in the viewer's browser preferences will be used. Here is what the HTML looks like when specifying more than one font—in this instance, Arial, Verdana, Charcoal, and Times:

Some Text

Note: You can change the size, color and font face of the text within a single FONT tag:

Some SIZE 4 text in BLUE Courier