stationery by hansaartVark HTML Teaching Tools This is an exercise in "Font Control" - size and family
You may select a font-size & a font-family here for your website
and I suggest you print this table as well ! ( in Landscape is best )
- you will notice that certain fonts will show on screen different than in print - ie Courier !
it is very likely that you will not see all fonts correctly - depending on your Operating system ie - on a PC the "palatino" will possibly be the same as "times" as most PCs do not have the palatino font. The same could be true for others - your feedback is appreciated even printed [ to AVIP. 29 Orestes St, San Remo WA 6210 ] (or screenprints in JPG via e-mail) copies stating your OS and Browser are welcome

This first section is using Styles to control the size and font-family -
and the Stylesheet is part of this document - hence the slow loading - it's a monster ;-)
see below for more traditional "size" control :-)
Font-Family 6px 7px 8px 9px 10px 11px 12px 14px 16px 18px 20px
times times 6px
times 6px
times 7px
times 7px
times 8px
times 8px
times 9px
times 9px
times 10px
times 10px
times 11px
times 11px
times 12px
times 12px
times 14px
times 14px
times 16px
times 16px
times 18px
times 18px
times 20px
times 20px
courier courier 6px
courier 6px
courier 7px
courier 7px
courier 8px
courier 8px
courier 9px
courier 9px
courier 10px
courier 10px
courier 11px
courier 11px
courier 12px
courier 12px
courier 14px
courier 14px
courier 16px
courier 16px
courier 18px
courier 18px
courier 20px
courier 20px
palatino palatin 6px
palatin 6px
palatin 7px
palatin 7px
palatin 8px
palatin 8px
palatin 9px
palatin 9px
palatin 10px
palatin 10px
palatin 11px
palatin 11px
palatin 12px
palatin 12px
palatin 14px
palatin 14px
palatin 16px
palatin 16px
palatin 18px
palatin 18px
palatin 20px
palatin 20px
san serif san serif 6px
san serif 6px
san serif 7px
san serif 7px
san serif 8px
san serif 8px
san serif 9px
san serif 9px
san serif 10px
san serif 10px
san serif 11px
san serif 11px
san serif 12px
san serif 12px
san serif 14px
san serif 14px
san serif 16px
san serif 16px
san serif 18px
san serif 18px
san serif 20px
san serif 20px
arial arial 6px
arial 6px
arial 7px
arial 7px
arial 8px
arial 8px
arial 9px
arial 9px
arial 10px
arial 10px
arial 11px
arial 11px
arial 12px
arial 12px
arial 14px
arial 14px
arial 16px
arial 16px
arial 18px
arial 18px
arial 20px
arial 20px
helvetica helvet 6px
helvet 6px
helvet 7px
helvet 7px
helvet 8px
helvet 8px
helvet 9px
helvet 9px
helvet 10px
helvet 10px
helvet 11px
helvet 11px
helvet 12px
helvet 12px
helvet 14px
helvet 14px
helvet 16px
helvet 16px
helvet 18px
helvet 18px
helvet 20px
helvet 20px
verdana verdana 6px
verdana 6px
verdana 7px
verdana 7px
verdana 8px
verdana 8px
verdana 9px
verdana 9px
verdana 10px
verdana 10px
verdana 11px
verdana 11px
verdana 12px
verdana 12px
verdana 14px
verdana 14px
verdana 16px
verdana 16px
verdana 18px
verdana 18px
verdana 20px
verdana 20px
and the same in point size
Font-Family 6pt 7pt 8pt 9pt 10pt 11pt 12pt 14pt 16pt 18pt 20pt
helvetica helvet 6pt
helvet 6pt
helvet 7pt
helvet 7pt
helvet 8pt
helvet 8pt
helvet 9pt
helvet 9pt
helvet 10pt
helvet 10pt
helvet 11pt
helvet 11pt
helvet 12pt
helvet 12pt
helvet 14pt
helvet 14pt
helvet 16pt
helvet 16pt
helvet 18pt
helvet 18pt
helvet 20pt
helvet 20pt
verdana verdana 6pt
verdana 6pt
verdana 7pt
verdana 7pt
verdana 8pt
verdana 8pt
verdana 9pt
verdana 9pt
verdana 10pt
verdana 10pt
verdana 11pt
verdana 11pt
verdana 12pt
verdana 12pt
verdana 14pt
verdana 14pt
verdana 16pt
verdana 16pt
verdana 18pt
verdana 18pt
verdana 20pt
verdana 20pt
courier courier 6pt
courier 6pt
courier 7pt
courier 7pt
courier 8pt
courier 8pt
courier 9pt
courier 9pt
courier 10pt
courier 10pt
courier 11pt
courier 11pt
courier 12pt
courier 12pt
courier 14pt
courier 14pt
courier 16pt
courier 16pt
courier 18pt
courier 18pt
courier 20pt
courier 20pt
times times 6pt
times 6pt
times 7pt
times 7pt
times 8pt
times 8pt
times 9pt
times 9pt
times 10pt
times 10pt
times 11pt
times 11pt
times 12pt
times 12pt
times 14pt
times 14pt
times 16pt
times 16pt
times 18pt
times 18pt
times 20pt
times 20pt
 
and now an exercise in font control by traditional "size=2" and "H" (Headline) values
we shall only use helvetica here as it is the most available font family for most Operating Systems
NOTES: see what happens when you change the way you view "Font" size in your browser
if you don't have the "AA" button on your bar to do this
go to "View" - "Text Size" and change it from smallest to largest and back to medium.
and another little note to designers who keep using the " - " (minus sign) in front of the "2" and "1" - see below how useless it really is !
Helvetica at size="1"
Helvetica at size="-2"
Helvetica at size="-1"
Helvetica at size="2"
Helvetica at size="3"
Helvetica at size="4"
Helvetica at size="5"
Helvetica at size="6"
Helvetica at size="8"
Helvetica at size="10"

H1 Helvetica

H2 Helvetica

H3 Helvetica

H4 Helvetica

H5 Helvetica
H6 Helvetica
H7 Helvetica
you can see H6 is the smallest H you can use
and you may as well use "size=1" :-)
stationery by hansaartVark HTML Teaching Tools

:-) Hans & Jacqui Stammel
    webmasters at AVIP - WA

- if it's working - take it apart and see how it works . . .