MMDT1021 Chapter Font Notes - page 1

 

Note:
Although the <font> tag is being deprecated, to be replaced by style sheets, it still is a popular method to quickly format text without having to set up styles.  Therefore I cover the topic here.


Changing the Font face
  1. The FACE attribute can be used to change the font used to display your text.
    1. This text should be using the font Lithos Black, Chicago, or Garamond.
    2. This text should be using the font Springfield, Extra Bold, or Impact.
    3. This text should be using the font EngrvrsOldEng Bd BT or GoudyHandtooled BT.
    4. This text should be using the font Verdana or Matisse ITC.
  2. If the specified font is not available, the default browser font is used.
    1. This text should be using the Ooga font (Which does not exist).
    2. This text should be using the Booga font (Which does not exist).
  3. For code examples, see: Font Formatting: FACE attribute.

Code Result
Text before <font face="arial">Arial</font> Text after Text before Arial Text after
Text before <font face="Comic Sans MS">Comic Sans MS</font> Text after Text before Comic Sans MS Text after

Changing the Font Size

Using the FONT tag.
Code Result
Text before <font size="1">Size 1 text</font> Text after Text before Size 1 text Text after
Text before <font size="+1">1 size larger text</font> Text after Text before 1 size larger text Text after
To see more about the FONT tag, click here.

Using BIG and SMALL.

Text before <big>1 size larger text</big> Text after Text before 1 size larger text Text after
Text before <small>1 size smaller text</small> Text after Text before 1 size smaller text Text after

Changing the Font Color

You can use the HTML Color Names.

Code Result
Text before <font color="red">Some red text</font> Text after Text before Some red text Text after
Text before <font color="blue">Some blue text</font> Text after Text before Some blue text Text after
Text before <font color="teal">Some teal text</font> Text after Text before Some teal text Text after

You can use the RGB hex codes if you prefer.

Code Result
Text before <font color="#FF0000">Some red text</font> Text after Text before Some red text Text after
Text before <font color="#0000FF">Some blue text</font> Text after Text before Some blue text Text after
Text before <font color="#008080">Some teal text</font> Text after Text before Some teal text Text after

Or you can change the default color of ALL the text on a page.
This is seldom used anymore and should be avoided.

Code Page
...
<BODY text="red">
...		 Result
Source
...
<BODY text="blue">
...		 Result
Source
...
<BODY text="#0000FF">
...		 Result
Source

Changing the Color of Links

This will be covered in a future class date.

Making Text Blink

Does not necessarily work in all browsers.  Not a recommended tag to use.
Warning: can cause seizures.

<BLINK>

Code Result
<blink>This text is blinking</blink> This text is blinking

Code Page
...
<blink>
...
</blink>
...		 Result
Source