Home » Faculty & Staff » OIT » Webmaster's Corner » Font Options

Sitemap

Font Options

To use font tags, suround the text that you want to modify with <FONT> and </FONT>

<FONT> This is my text </FONT>

Then, add the attribute that you want changed to the beginning font tag.

<FONT Attribute=Value> This is my text </FONT>

There are three main attributes that you can use with the font tag:

• SIZE - changes the size of font
• COLOR - changes the color of the font
• FACE - changes the font 'face' or type

Using the Size Attribute

<FONT SIZE=Value> This is my text </FONT>

• Values are plus (+) or minus (-) and 1-9, or
• a point size followed by 'pt'

examples

<FONT SIZE=+1> This is my text </FONT>
<FONT SIZE=+3> This is my text </FONT>
<FONT SIZE=+5> This is my text </FONT>
<FONT SIZE=+7> This is my text </FONT>
<FONT SIZE=-1> This is my text </FONT>
<FONT SIZE=-2> This is my text </FONT>
<FONT SIZE=-3> This is my text </FONT>
<FONT SIZE=5pt> This is my text </FONT>
<FONT SIZE=10pt> This is my text </FONT>
<FONT SIZE=20pt> This is my text </FONT>

Using the Color Attribute

<FONT color=Value> This is my text </FONT>

• Values are a color word (blue, green, red, etc), or
• a hexidecimal color value (see this chart)

examples

<FONT COLOR=red> This is my text </FONT>
<FONT COLOR=green> This is my text </FONT>
<FONT COLOR=blue> This is my text </FONT>
<FONT COLOR=#666600> This is my text </FONT>
<FONT COLOR=#990099> This is my text </FONT>
<FONT COLOR=#cc6600> This is my text </FONT>

Using the Face Attribute

<FONT face=Value> This is my text </FONT>  , or
<FONT face=Value, Value> This is my text </FONT>

• Values are a known font face

examples

<FONT FACE=arial> This is my text </FONT>
<FONT FACE="Times New Roman"> This is my text </FONT>
<FONT FACE=gigi, arial> This is my text </FONT>
<FONT FACE=Comic Sans MS, arial> This is my text </FONT>

Putting it all together!

To use more than one attribute, string them together in the same font tag.  For example, if I want to put some text in impact font, colored red and 2 sizes larger than normal...

<FONT FACE=impact COLOR=red SIZE=+2> This is my text </FONT>