vinifera

font size broken on new browsers

7 posts in this topic

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 by vinifera
0

Share this post


Link to post
Share on other sites

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

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).

0

Share this post


Link to post
Share on other sites

yes same link

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

I'm lost (actually I'm pissed) :P

Edited by vinifera
0

Share this post


Link to post
Share on other sites

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.

0

Share this post


Link to post
Share on other sites

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

ok so to pixels i will switch, thanks :)

0

Share this post


Link to post
Share on other sites

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).

0

Share this post


Link to post
Share on other sites

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)

0

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.