Note: These were set up so that each row had approximately the same size text, as viewed in Netscape 4.7 and Opera 6. This page can be used to show how different browsers render different sizing methods.
Sizes in pixels, percentages, and by relative size (xx-large) are done with styles, size numbers are font tags.
| size 7 (bold) | size 48 px (bold) | size 300% (bold) |
| size 6 (bold) | size 28 px (bold) | size 200% (bold) |
| size 5 (bold) | size 22 px (bold) | size 150% (bold) |
| size 4 (bold) | size 18 px (bold) | size 125% (bold) |
| size 3 (bold) | size 14 px (bold) | size 100% (bold) |
| size 2 (bold) | size 12 px (bold) | size 80% (bold) |
| size 1 (bold) | size 10 px (bold) | size 70% (bold) |
| size 7 (bold) | size xx-large (bold) | size 2.5em (bold) | |
| size 6 (bold) | size x-large (bold) | size 2em (bold) | header 1 |
| size 5 (bold) | size large (bold) | size 1.5em (bold) | header 2 |
| size 4 (bold) | size medium (bold) | size 1em (bold) | header 3 |
| size 3 (bold) | size small (bold) | size 0.75em (bold) | header 4 |
| size 2 (bold) | size x-small (bold) | size 0.65em (bold) | header 5 |
| size 1 (bold) | size xx-small (bold) | size 0.5em (bold) | header 6 |
Using font tags, pretty much irrelevant now.
| size 7 (bold) | size +4 (bold) | |
| size 6 (bold) | size +3 (bold) | header 1 |
| size 5 (bold) | size +2 (bold) | header 2 |
| size 4 (bold) | size +1 (bold) | header 3 |
| size 3 (bold) | normal (no +/-) (bold) | header 4 |
| size 2 (bold) | size -1 (bold) | header 5 |
| size 1 (bold) | size -2 (bold) | header 6 |