HTML Scripting Lesson 2a - FONTS

September 3, 2002

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!


On to Today's Margin Lecture     |     Skip to Today's lists Lecture     |     Back to Syllabus