font size broken on new browsers

[vinifera]

on Opera 11 and 12, old firefox (4 i think)

my webpage which has in css set-up "font-size"

to 1em and 1.4em, worked

but on new Iron/Chrome, Firefox and Opera 15/16/17(chrome)

the size in em is simply totally different rendered

(site always zoomed in 100% - normal)

check the screencaps, left is older, right is newer browsers:

http://i39.tinypic.com/14o0uhk.png

so what the hell is happening ?
this isn't something ancient... it is css 2

so just in case I switched to %
so I tried with 105%, then 112%
and guess what... yet again huge difference in font size render

seems like only Opera 11 and 12 render it correctly, while all other browsers are stubborn forcing their own crap

so again what the hell is happening ?

Edited August 16, 2013 by vinifera

[tomasz86]

No-one will be able to help without actually seeing the HTML and CSS of the site

Is this the same one you sent me link some time ago? For me the text size is 16 px (which is 1em in CSS).

[vinifera]

yes same link

but I don't know which browser renders it correctly then

I'm lost (actually I'm pissed)

Edited August 16, 2013 by vinifera

[Tripredacus]

1em = amount of pixels that the default font size of the browser uses. So if the browser you are using has a default font size of 16px, then 1em = 16px. So it is possible that ALL browsers are rendering the size correctly but some are using different default font sizes.

I've always used px instead of em.

[vinifera]

good point
I always thought system is one that sets the "default font size"

ok so to pixels i will switch, thanks

[tomasz86]

Using pixels is bad because pixel density varies and even a very small screen can use high resolution. Other than that, it's impossible to resize pixel sized fonts in older versions of IE (zoom doesn't affect them).

100% or 1em should mean 16 px for all Windows desktop browsers unless you've set something different in their configuration. System DPI settings can also have effect on browsers' font sizes (new versions of Firefox, old Opera).

[vinifera]

meh I don't care for old IE, it can't support squat

as for % I already did that (1st post), I got same results as with em

while now with px it looks same on all browsers (altho many dislike px, but seems to be best solution)