Font Formatting

Font Color

The font color can be set with the COLOR="n" attribute. Colors can be entered as the HTML Color Name or as a hexadecimal 'RGB' code.

 
Example HTML code Display Result
Text before the tag <font color="red">Text inside the tag</font> Text after. Text before the tag Text inside the tag Text after.
Text before the tag <font color="blue">Text inside the tag</font> Text after. Text before the tag Text inside the tag Text after.
Text before the tag <font color="green">Text inside the tag</font> Text after. Text before the tag Text inside the tag Text after.
Text before the tag <font color="purple">Text inside the tag</font> Text after. Text before the tag Text inside the tag Text after.
Text before the tag <font color="##800080">Text inside the tag</font> Text after. Text before the tag Text inside the tag Text after.

Font Face

The font face can be set with the FACE="n" attribute. If none of the fonts specified in the list are available on the client computer the default browser font is used. Sometimes, even when a specified font is available it is not used.

 
Example HTML code Display Result
Text before the tag <font color="blue" face="arial">Text inside the tag</font> Text after. Text before the tag Text inside the tag Text after.
Text before the tag <font color="blue" face="book antiqua,charlesworth">Text inside the tag</font> Text after. Text before the tag Text inside the tag Text after.
Text before the tag <font color="blue" face="courier">Text inside the tag</font> Text after. Text before the tag Text inside the tag Text after.
Text before the tag <font color="blue" face="wingdings,commonbullets">Text inside the tag</font> Text after. Text before the tag Text inside the tag Text after.
Text before the tag <font color="blue" face="webdings,symbol">Text inside the tag</font> Text after. Text before the tag Text inside the tag Text after.

Absolute Font Size

The font size can be set to an absolute size with the SIZE="n" attribute. The size number can be from 1 to 7.

 
Example HTML code Display Result
Size =1. Text before the tag <font color="blue" size="1">Text inside the tag</font> Text after. Size =1. Text before the tag Text inside the tag Text after.
Size =2. Text before the tag <font color="blue" size="2">Text inside the tag</font> Text after. Size =2. Text before the tag Text inside the tag Text after.
Size =3. Text before the tag <font color="blue" size="3">Text inside the tag</font> Text after. Size =3. Text before the tag Text inside the tag Text after.
Size =4. Text before the tag <font color="blue" size="4">Text inside the tag</font> Text after. Size =4. Text before the tag Text inside the tag Text after.
Size =5. Text before the tag <font color="blue" size="5">Text inside the tag</font> Text after. Size =5. Text before the tag Text inside the tag Text after.
Size =6. Text before the tag <font color="blue" size="6">Text inside the tag</font> Text after. Size =6. Text before the tag Text inside the tag Text after.
Size =7. Text before the tag <font color="blue" size="7">Text inside the tag</font> Text after. Size =7. Text before the tag Text inside the tag Text after.

 

Relative Font Size

The font size can be set to a relative size with the SIZE="-n" or SIZE="+n" attribute. If the current font size plus the relative size goes out of bounds (1-7), then the font size will be set to 1 for totals below 1 and to 7 for totals above 7.

 
Example HTML code Display Result
Size -4. Text before the tag <font color="blue" size="-4">Text inside the tag</font> Text after. Size -4. Text before the tag Text inside the tag Text after.
Size -3. Text before the tag <font color="blue" size="-3">Text inside the tag</font> Text after. Size -3. Text before the tag Text inside the tag Text after.
Size -2. Text before the tag <font color="blue" size="-2">Text inside the tag</font> Text after. Size -2. Text before the tag Text inside the tag Text after.
Size -1. Text before the tag <font color="blue" size="-1">Text inside the tag</font> Text after. Size -1. Text before the tag Text inside the tag Text after.
This is the current font size. This is the current font size.
Size +1. Text before the tag <font color="blue" size="+1">Text inside the tag</font> Text after. Size +1. Text before the tag Text inside the tag Text after.
Size +2. Text before the tag <font color="blue" size="+2">Text inside the tag</font> Text after. Size +2. Text before the tag Text inside the tag Text after.
Size +3. Text before the tag <font color="blue" size="+3">Text inside the tag</font> Text after. Size +3. Text before the tag Text inside the tag Text after.
Size +4. Text before the tag <font color="blue" size="+4">Text inside the tag</font> Text after. Size +4. Text before the tag Text inside the tag Text after.
Size +5. Text before the tag <font color="blue" size="+5">Text inside the tag</font> Text after. Size +5. Text before the tag Text inside the tag Text after.