Text Pixel Sizes and Percentage Equivalents


This is based on using the keyword 'small' as the default font size in the body class.
ie:

body
{
margin: 0;
padding: 0;
font: small verdana, tahoma, arial, helvetica, sans-serif;
line-height: 1;
}

Pixel SizePercentage
20px This is 20 pixelsThis is 145%
18px This is 18 pixelsThis is 135%
17px This is 17 pixelsThis is 130%
16px This is 16 pixelsThis is 120%
14px This is 14 pixelsThis is 110%
12px This is 12 pixelsThis is 100%
11px This is 11 pixelsThis is 90%  / Also try 85% with some fonts
10px This is 10 pixelsThis is 80%
9px This is 9 pixelsThis is 75%
8.5px This is 8.5 pixelsThis is 70%


DNN Creative Magazine: How to create resizable text for a DotNetNuke skin