Index Basics Colors Fonts Images Links Tables

Fonts


        Fonts are the type of Characters (letters & numbers) displayed on the screen, they are controlled by the <FONT> tag. There are several parameters to go along with the font tag including COLOR, FACE, SIZE

        A few common fonts are:
Normal Bold Italic
Arial Normal Font Bold Font Italic Font
Arial Black Normal Font Bold Font Italic Font
Courier Normal Font Bold Font Italic Font
Verdana Normal Font Bold Font Italic Font
Times New Roman Normal Font Bold Font Italic Font
Comic Sans MS Normal Font Bold Font Italic Font
Webdings Normal Font Bold Font Italic Font
        A common mistake made very often is using a font that isn't on every machine, the "Webdings" and "Comic Sans MS" fonts were used on these pages because they are part of the Microsoft® Web Fonts pack, a free download from microsoft.com.
        For any given font You may see an empty square, this means that for the font being used there is no character to display. Often this means that You are trying to use the characters like backspace, return, delete,etc..
        It may be necessary at some time or another to use subscript / superscript, this is done by using the <SUP></SUP>, <SUB></SUB>
Superscript / Subscript Example:
This is superscript text... This is subscript text.
SUP / SUB Example Code:
This is <sup>superscript</sup> text... This is <sub>subscript</sub> text.
        Most people who make web pages use the <H3></H3> to set the font sizes, this is the simplest way of setting the size by far.
H Size Example:

this is H1

this is H2

this is H3

this is H4

this is H5
this is H6
        For more control over the font size You can use STYLE="FONT-SIZE:20PX;" parameter with the font tag. This sets the font size in pixels height on the screen, that code was setting the text to a pixel height of 20.
        Pixel Size Examples:
this is SIZE:50PX
this is SIZE:40PX
this is SIZE:30PX
this is SIZE:20PX
this is SIZE:10PX
this is SIZE:5PX
        Style Source Code:
<FONT STYLE="FONT-SIZE:50PX;">;this size is Style 50.</font>
        Another similar way to control font size is to use the Point size. You can use STYLE="FONT-SIZE:20PT;" parameter with the font tag. This sets the point size of the font.
        Point Size Examples:
this is SIZE:50PT
this is SIZE:40PT
this is SIZE:30PT
this is SIZE:20PT
this is SIZE:10PT
this is SIZE:5PT
        Style Source Code:
<FONT STYLE="FONT-SIZE:50PT;">;this is SIZE:50PT.</font>
        ;)
        As You can see the Style tag offers much more control over the font size than the <H#> tags, You can even underline a word with text and make it appear as though it is only a line.

FONTS

This is actual text being used as an underline, but this way You can have an underline of any color You wish!
        The red Line above contains the text "This is actual text being used as an underline, but this way You can have an underline of any color You wish!", and it's using the following code:
<FONT COLOR="FF0000" STYLE="FONT-SIZE:2PX;">Text in here...</FONT>




Pure Logic Co.
Copyright© 1995-1999
All Rights Reserved