Jump to content
Strawberry Orange Banana Lime Leaf Slate Sky Blueberry Grape Watermelon Chocolate Marble
Strawberry Orange Banana Lime Leaf Slate Sky Blueberry Grape Watermelon Chocolate Marble

MSFN is made available via donations, subscriptions and advertising revenue. The use of ad-blocking software hurts the site. Please disable ad-blocking software or set an exception for MSFN. Alternatively, register and become a site sponsor/subscriber and ads will be disabled automatically. 



vinifera

font size broken on new browsers

Recommended Posts

vinifera    98

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

Share this post


Link to post
Share on other sites

tomasz86    64

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

Share this post


Link to post
Share on other sites
vinifera    98

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

Share this post


Link to post
Share on other sites
Tripredacus    283

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.

Share this post


Link to post
Share on other sites
tomasz86    64

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

Share this post


Link to post
Share on other sites
vinifera    98

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)

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.

×