FontThe <FONT> tag gives you the ability to change your text font, size, and color that you specified in your document wide <Body> tag, to another size, color, and font installed on your system. Important Note: If the font you specify is Not installed on your visitors computer, the browser will not render your font, but will substitute your visitors default font.
By listing several fonts, your visitors browser will go through the list, looking for an installed font before using the default font.If you wish to use Dynamic Fonts (fonts that are linked to the web, thus allowing your visitor to view fonts not installed on their system.), for more information visit Bitstream Dynamic Fonts or Html Goodies Dynamic Fonts. [ Back ]
Font Attributes: (Not all attributes listed)<FONT FACE="Impact, Helvetica, Arial, Sans-Serif" COLOR="#9966FF" SIZE="5"> This is Impact font with a purple color and size of 5.</FONT> Looks like this: This is Impact font with a purple color and is sized at 5. [ Back ] |
Font Color
|
Use this attribute to specify a font color by using a color name or a hex color value.
<FONT COLOR="red"> This text is red in color.</FONT> or <FONT COLOR="#FF0000"> This text is red in color.</FONT>
Looks like this:
This text is red in color.
[ Back ] |
Font Face
|
This attribute contains a list of one or more font names separated by commas.
It is good practice to use one the the general fonts that come with your Windows operating system, thus insuring proper font rendering.
<FONT FACE="Impact, Helvetica, Arial, Sans-Serif">This font is called Impact.</FONT>
Looks like this:
This font is called Impact.
[ Back ] |
Font Size
|
This attribute specifies either a relative font size value or a numeric value. The range of the relative values are -1 to +6. The range of the numeric values are 1 to 7. The default size is 3 and the largest value is 7.
By setting the font size to a relative value of +2 for example, the browers will increase the document wide text size by 2 as opposed to setting a specific font size.
Please note that +2 and 2 are NOT the same size. (see both examples below.)
This is regular text <FONT SIZE=+2> and this is text +2 in size.</FONT>
Looks like this:
This is regular text and this is text +2 in size.
This is regular text <FONT SIZE=2> and this is text 2 in size.</FONT>
Looks like this:
This is regular text and this is text 2 in size.
[ Back ] |
|