HTML Text Sizes

There are two approaches to setting text height on a web page:

  1. Choose one of the 7 standard browser defaults (from "xx-small" to "xx-small").  The displayed size will then depend on a combination of:
    • Which of the seven standard sizes is used;
    • The browser and version used for viewing;
    • The "screen area" setting (eg: 800 by 600 pixels) chosen by the user;
    • The "display size" (typically five values from "largest" to "smallest") selected by the person viewing the page
  2. Define the text height directly (normally in pixels - px).  The person viewing the page then normally looses the ability to increase or reduce the text size displayed.

Browser Default text sizes:
If your computer is using a browser which supports the HTML 4.01 standard, this page should display text in each of the seven variable text sizes.  When specified in this way, some browsers allow the viewer to adjust the text size displayed.

HTML4.01 size name:"xx-small""x-small""small""normal""large""x-large""xx-large"
Size 1 boldSize 1 normal
Size 2 boldSize 2 normal
Size 3 boldSize 3 normal
Size 4 boldSize 4 normal
Size 5 boldSize 5 normal
Size 6 boldSize 6 normal
Size 7 boldSize 7 normal

Point specification of text sizes:
Text size can also be specified by directly quoting the text height in points ("pt"), or certain other measures.  The user then normally has no control of the display size.

10 point12 point
14 point16 point
18 point20 point
24 point28 point
32 point36 point
40 point44 point
01-9616  Top of
this page

John Goodman