1.3.5 css issues?

[godt]

I hope I am not going over old ground - I did a scan of this forum - but I have a clean install of 1.3.5 using the standard font settings in the stylesheet.css as included. There is a significant difference in the way fonts are rendered when I compare IE to Mozilla/SeaMonkey and Firefox when each is on normal font size. Firefox is the best balanced (heading/normal text size, etc.), and so on...

A really dumb question: what is the best way to deal with this?

[Sketchy]

You can read some background on browser's default values;

http://css.nu/faq/ciwas-aFAQ.html#QA01b

[godt]

Yes. Thanks Sketchy. Iceberg indeed. Which is why I hesitated to ask the question. But what, in the end, is there to do about it? Pragmatically speaking. My inclination has always been to say never mind IE users, but that is hardly pragmatic. Is there a way to sort this that doesn't send every ZenCart manager off into the depths of coding? All very well to exhort the value of Firefox, but, hey, 80% of punters use IE.

[Sketchy]

You're welcome, I thought that article was a good reference point.

I like to rant and rave how crappy IE is also, but it's already a proven fact. Myself though, I find that Firefox renders font rather poorly... aliasing kind of. It is apparent that IE tends to add boldness, perhaps that's the difference. Unfortunately, I've never experimented trying to equalize the font... there are just way too many different theories floating around on the Web. I've read somewhere that body text set at 75% is a magic number for cross-browser font size equalization, but that size is just too big for my personal preference. Like I said, there's just so much debate and theories, it's overwhelming.

This is a very good topic, I'm interested what others may add to this.

[Kim]

The Stylesheet base font size of 62.5% should render 10px in all browsers set to the default settings.

If you do not want the ability to scale your text you can use fixed sizes.

[godt]

Thanks for that. Good enough.

[TinaS]

Another help might be to specify the font size in your body section of the css and let the rest scale. This will give it a font size to base the scaling upon rather than the browser defaults.