IE font vs. Firefox Font

[Ethics]

Well when i use

font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: xx-small;

In IE it shows up fine, but in Firefox it shows up much smaller and distorted a bit, is there anyway around this, is there something i can do to make the Firefox side look just as good as the IE side without changing fonts? Maybe adding some?

Thanks,
Mario

[M. Johansson]

If you need a font to look a specific way, you should use pixel size.

[vgarcia]

If you need a font to look a specific way, you should use pixel size.

Pixel-based (and point-based) font sizes won't let you change the text size at all in IE/Windows, which screws anybody with less than 20/20 vision at the xx-small size.

Well when i use

font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: xx-small;

In IE it shows up fine, but in Firefox it shows up much smaller and distorted a bit, is there anyway around this, is there something i can do to make the Firefox side look just as good as the IE side without changing fonts? Maybe adding some?

Thanks,
Mario

Your issue here is most likely that IE is in quirks mode, which actually makes IE render fonts larger than it's supposed to. To get the same result in all browsers you can do something like this:

body {
 /*font size for IE users*/
 font-size: xx-small;
}
html>body {
 /*font size for all other browsers*/
 font-size: x-small;
}

[Tudor]

Also, make sure that the browsers are set to display text-size at medium/normal when comparing.
It's a no-brainer but easily neclected.
Im sure you thought of it, but still...

[24hrGamers]

Yea, I hate how the fonts always look diff. That info should help thanks!