Using the FONT tag we can change the text font, text size and text color. We can use this tag to only change one word, several words or lines, or the entire page.

Working with font we use the <FONT> and </FONT> tags to change the font attributes of the enclosed text. To change the font of text we use the attribute FACE="..." inside of the <FONT> tag. We can also change text color (COLOR="...") and size (SIZE="...") by adding those attributes inside of the <FONT> tag. We will begin by looking at how to change the font.

To change the text font we use the attribute FACE. The code looks like this:

<FONT FACE="fontname">Text to be changed</FONT>

Here are several examples and their results:

1. <FONT FACE="arial">Some text here</FONT>
2. <FONT FACE="pixiefont">Some text here</FONT>
3. <FONT FACE="riverside">Some text here</FONT>
4. <FONT FACE="revere">Some text here</FONT>
5. <FONT FACE="courier">Some text here</FONT>
6. <FONT FACE="roman">Some text here</FONT>

1. Some text here
2. Some text here
3. Some text here
4. Some text here
5. Some text here
6. Some text here

We can also change the color of text using the <FONT> tag. To do this we use the attribute COLOR="colorname" inside of the tag, where colorname is the name or the code of the color. Refer to the color chart for a list of color codes. Here are several examples and their results:

1. <FONT COLOR="red">Add text here</FONT>
2. <FONT COLOR="#000000">Add text here</FONT>
3. <FONT COLOR="#FFCCFF">Add text here</FONT>
4. <FONT COLOR="#FFFFFF">Add text here</FONT>
5. <FONT COLOR="orange">Add text here</FONT>

1. Add text here
2. Add text here
3. Add text here
4. Add text here
5. Add text here

To change the size of the text we use the attribute SIZE="num" inside of the <FONT> tag where num is either +num or -num (+num will make the text larger and -num will make the text smaller):

1. <FONT SIZE="+1">Text to be changed</FONT>
2. <FONT SIZE="+2">Text to be changed</FONT>
3. <FONT SIZE="+3">Text to be changed</FONT>
4. <FONT SIZE="-1">Text to be changed</FONT>
5. <FONT SIZE="-2">Text to be changed</FONT>

1. Text to be changed
2. Text to be changed
3. Text to be changed
4. Text to be changed
5. Text to be changed

These attributes can be used together in any combination:

1. <FONT FACE="roman" SIZE="+1">Text</FONT>
2. <FONT FACE="roman" COLOR="red">Text</FONT>
3. <FONT FACE="roman" SIZE="+1" COLOR="#000000">Text</FONT>
4. <FONT SIZE="+1" COLOR="#FFFFFF">Text</FONT>

1. Text
2. Text
3. Text
4. Text

Use the FONT tag and its attributes anywhere within the body of your page to change the font!

This page has been accessed

times since June 24, 2001