Q: My DNN skins and website font sizes are driving me crazy, where is the consistency?
A: Font size consistency really depends on your skin developer. We have found most skin developers do not use friendly DNN 'rich text editor' font sizes within their style sheets (css... i.e. skin.css, etc...), removing any hope for consistency. At BruceChucker.com you will find we mainly use friendly DNN 'rich text editor' font sizes within our skins. Helping you find better consistency.
To help you understand the font sizes used in the DNN 'rich text editor'. We have put together a font size table below for your quick and easy reference. This table demonstrates the font sizes for the DNN 'rich text editor' and shows you the comparable font size for percentage, size and pixel, as well as the code to use.
| Font Size (Text Size) |
| Percetnage |
Size* |
Pixels |
DNN's 'rich text editor' |
| <td Style="font-size:80%;></td> |
<td Style="font-size:x-small"></td>* |
<td style="font-size:14px"></td> |
<td><font size="2"></font></td> |
| |
|
|
|
size |
dropdown choice |
| 300% |
A |
A |
XX-Large* |
48px |
A |
A |
"7" |
XX-Large |
| 200% |
A |
A |
X-Large* |
32px |
A |
A |
"6" |
X-Large |
| 150% |
A |
A |
Large* |
24px |
A |
A |
"5" |
Large |
| 110% |
A |
A |
Medium* |
18px |
A |
A |
"4" |
Medium |
| 100% |
A |
A |
Small* |
16px |
A |
A |
"3" |
Small |
| 80% |
A |
A |
X-Small* |
14px |
A |
A |
"2" |
X-Small |
| 60% |
A |
A |
XX-Small* |
10px |
A |
A |
"1" |
XX-Small |
| 55% |
A |
|
N/A |
9px |
A |
|
N/A |
N/A |
| * Due to inconsistencies with browsers we strongly suggest NOTusing Size (i.e. small) when writing your web code. Mozilla's Firefox and Apple's Safari do not match Opera and IE7+ (Microsoft Internet Explorer 7+). In other words Firefox and Safari sizes run one size smaller than Opera and IE7+, at the time of writing this. |