em font sizes different of Safari and Firefox?

ThaboGoodDogs - October 12, 2007 - 06:02

Ok I'm on a roll tonight second question in two hours!

Just been messing around with my font sizes in style.css and when using "em" I noticed that the font size in Firefox always looked a little smaller than on Safari. Both browser have the font size set to default so no zooming was going on. When I changed to px the font sizes now look exactly the same. This is counter intuitive to what i have read as em is supposedly the preferred method of defining font size right? I have not looked at it on IE but seem to remember that on IE it was also bigger than firefox. I'm also on a Mac so things always render a little differently. This is the CSS code I am using:

body {
font-size: 13px;    
font-family:  Verdana, Arial, Sans-Serif;
color: #333;
   margin: 0;
   padding: 0;
   min-width: 900px;
}

I'm having this same problem.

ktonini - June 17, 2009 - 20:37

I'm having this same problem. Did you ever figure this out?

Personally, I usually use

design_dolphin - June 17, 2009 - 22:26

Personally, I usually use pt.

Em is a pain cross-browser wise in my opinion, and px is tough for accessibility.

Use em calculator

vitthal - July 3, 2009 - 10:15

Hi

You can use the below url for calculating em size with respect to px.

http://riddle.pl/emcalc/

However em behaves differently but if you are using the em properly then they will work fine with any browser and will be cross browser compaitable.

Please feel free to contact for any help required.

Thanks
Vitthal Roonwal

 
 

Drupal is a registered trademark of Dries Buytaert.