I'm attempting to set some new font sizes in the portal stylesheet and am having a hard time overriding the skin and main stylesheets. I want to use proper sizes for fonts that will be readable and use either emphasis, percentages, or relative sizes such as small, medium, etc. I want to stay away from pixels or points which is usually a bad practice from an accessibility standpoint. Has anyone had any luck with this? I'm mainly trying to override the .normal, p, and h1 through h6 styles. The default font sizes are very hard to read in firefox.

David,

I agree with the accessibility compliance. I tend to use percentages and relative sizes for the fonts instead of using pixel or points. Not quite "bullet-proof" in the web design world.

Here are a few main classes for the dnn portal that you might want to override:

html, body {}
input, select, td, p {}
th {}
h1, h2, h3, h4, h5, h6 {}
li li, li p, blockquote p {}

.normal, .Normal {}
.NormalDisabled {}
.NormalBold {}
.NormalRed {}
.Normal td {}
.NormalTextBox {}

.Head{}
.SubHead {}
.SubSubHead {}

I'm sure there are more but this should change the main fonts that visible to everybody.

Hope this helps,

Cuong Dang Engage Software St. Louis, MO 314.966.4000

The leading provider of DotNetNuke support, training and custom development.

---

Cuong Dang
Co-founder: Enliven, dnnGallery
LinkedIn | Twitter
I'm the author of DNN and Web Standards Wrox Blox

David,

This would be a CSS-related question. I believe that you can find numorous articles out there explaining the "best practices" for choosing the right type face or font size for your portal.
In my experience, I tend to use absolute-size keyword (xx-small, x-small, small, medium, large, x-large, xx-large) in association with percentages for my sites and clients'.

Here is an example:

Set your body to:

body{font-size: small;}  ---base size

Then use percentages for the rests such as header, paragraph.

h1{ font-size: 160%;}
p {font-size: 90%}

When user set their text-size view on their screen to be the smallest, small, medium, large, or even the largest, your font will scale up or down in a constant value from the base size no matter how large or small the base size is. 

In this example, your paragraph font will be 90% of the "small" value defined in base size, your h1 will display at 160% from the base size.

Note: be sure to test our different browsers and see if it works properly.

Hope this helps!

Cuong Dang Engage Software St. Louis, MO 314.966.4000

The leading provider of DotNetNuke support, training and custom development.

---

Cuong Dang
Co-founder: Enliven, dnnGallery
LinkedIn | Twitter
I'm the author of DNN and Web Standards Wrox Blox