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 by number (size = 7) and +/- (size = +4) are done with font tags.
| 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 |
Sizes in pixels, percentages, and by relative size (xx-large) are done with styles.
| 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 6 (bold) | size x-large (bold) |
| size 5 (bold) | size large (bold) |
| size 4 (bold) | size medium (bold) |
| size 3 (bold) | size small (bold) |
| size 2 (bold) | size x-small (bold) |
| size 1 (bold) | size xx-small (bold) |