Fonts by size numbers, by points, by pixels:

This demo was created for IE 5+ "View: Text size: Smallest"
Which elements change the most -- and to what degree -- when you adjust your browser text size?
Be sure to check the renderings in other platforms and browsers, too!

ABSOLUTE SIZES: FONT NUMBERS

Size 7 Size 6 Size 5 Size 4 Size 3


<font size=7>Size 7</font>
<font size=6>Size 6</font>
<font size=5>Size 5</font>
<font size=4>Size 4</font>
<font size=3>Size 3</font>
STYLE SIZES: POINTS

36pt 24pt 18pt 12pt 8pt


<span style="font-size:36pt">36pt </span>
<span style="font-size:24pt">24pt </span>
<span style="font-size:18pt">18pt </span>
<span style="font-size:12pt">12pt </span>
<span style="font-size:8pt">8pt </span>

STYLE SIZES: PIXELS

36px 24px 18px 12px 8px


<span style="font-size:36px">36px </span>
<span style="font-size:24px">24px </span>
<span style="font-size:18px">18px </span>
<span style="font-size:12px">12px </span>
<span style="font-size:8px">8px <

Font Faces and Colors by Font Tags and Styles

Size 7 Size 6 Size 5 Size 4 Size 3 <font color="red>
Size 7 Size 6 Size 5 Size 4 Size 3 <font face="arial>
Size 7 Size 6 Size 5 Size 4 Size 3 <font color="green>
Size 7 Size 6 Size 5 Size 4 Size 3 <span style="color:red">
Size 7 Size 6 Size 5 Size 4 Size 3 <span style="font-family:arial">
Size 7 Size 6 Size 5 Size 4 Size 3 <span style="color:green">