HTML Scripting Lesson 1c - FONTS

January 14, 2004

MANIPULATING FONTS - <FONT>

Attributes:

FACE="fontname1", "fontname2", "fontname3"
(looks for those fonts in system folder, separate the list with commas);

FACE="arial", "helvetica", "palatino"

You can use a custom font, but if the user doesn't have it installed on their computer, their own default system font will be used.

<FONT FACE="arial", "helvetica", "palatino">

This attribute is telling the browser to:
1- Look for arial in the user's system, or if that isn't available...
2- Look for helvetica, or if that's not available...
3- Look for palatino, or if that's not available..
4- Use their default system font (Don't forget the closing tag!!)

size="n"
where n=1 to 7 - (default = 3, or 12pt) 8, 10, 12, 14, 18, 24, 36 pts
YES, 1 is small, the opposite of Header tag size, don't ask why!

color="nameofcolor" or "#RRGGBB";
html color or hexidecimal equivalent


Big Blue Text is created with this scripting:
<font size=36 color="Blue">

little salmon arial text is created with this scripting:
<font size=1 color="#ff6699" face="arial">

Once upon a time

Emphasize your text by applying the font tag to just one word or letter.


Here are some other tags for manipulating fonts...

<B>BOLD TEXT

<I>Italicized text

<TT> Typewriter (monospace) font

<U> Underline text

footnote1 uses the <sup> superscript: April 24th

chemical names use subscript <sub>: H2O

Use strike to cross out text when editing <strike> or <S>

underline text with <U> tag. But it can be confusing because links are also underlined.

<BIG> makes the font BIGGER than the surrounding text.

<SMALL> makes the fonts smaller than the surrounding text.

BLINK works only in NETSCAPE. Explorer doesn't recognize this tag.

REMEMBER... these tags all need their CLOSING tags too!


Back to Headers     |     Back to Horizontal Rules     |     Back to Syllabus