Keyword and Percentage font-sizes combined:

This text uses the font-keyword 'small' which is placed in the body class. This is the base point for our font-sizes. No other font-keywords are used in the stylesheet.

We then assign percentages to any further classes, which base their starting point on the font-size in the body class, ie. 'small'


This is the H1 class set to 145%

This is the H2 class set to 135%

This is the H3 class set to 120%

This is the H4 class set to 90%

This is the quote class where the size is set to 80%.

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