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 <FONT> </FONT> 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:

<FONT FACE="Courier">Are you seeing Courier text?</FONT>

<FONT FACE="Arial">Are you seeing Arial text?</FONT>

<FONT FACE="Times">Are you seeing Times text?</FONT>

<FONT FACE="Verdana">Are you seeing Verdana text?</FONT>

<FONT FACE="Comic Sans MS">Are you seeing Comic Sans?</FONT>

<FONT FACE="Georgia">Are you seeing Georgia text?</FONT>

<FONT FACE="Impact">Are you seeing Impact text?</FONT>

<FONT FACE="Trebuchet MS">Are you seeing Trebuchet?</FONT>

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:

<FONT FACE="Arial, Verdana, Times">Some Text</FONT>

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

<FONT SIZE="4" COLOR="0000ff" FACE="Courier">

Some SIZE 4 text in BLUE Courier