Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Font size diff between ie9 and all other browers



10:35 am on Oct 26, 2011 (gmt 0)

Have look at these two screenshots of a font-size 10px text on IE9 and Firefox 7.

[lco.nu ]
[lco.nu ]

Same view in Chrome as of Firefox 7. IE8 looks more like Firefox 7. If I switch on compatibility mode in IE9 the text changes to look more like Firefox 7.

Any ideas?


10:38 am on Oct 26, 2011 (gmt 0)

Maybe should note I want the Firefox version, as in the IE9 version looks to packed together.


11:01 am on Oct 26, 2011 (gmt 0)

10+ Year Member

This is just the different ways that browsers handle text and IE9 uses "sub pixel positioning" which can reduce the line length slightly.

It depends on font as to how different things are but you get the same effect with browsers on mac systems and lines of text can be up to 25px different in total length (even if you control letter spacing). I often see menus wrapping to another line when the author expected them to fit on one line.

You just have to allow that text on browsers will be different even before the user has applied their own settings and dpi settings. You have little control over this. Always allow breathing space and code accordingly.

Text at 10px is really too small to read for most people anyway but that's another issue :)


4:17 pm on Oct 27, 2011 (gmt 0)

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

Can you experiment with em or % for font sizing, and does it make a difference?


7:26 pm on Oct 30, 2011 (gmt 0)

There are so many differences between two browsers, ie displays the characters in a way different than all other browsers. Even every browsers have their own set of style and characters. In firefox you will not find the text size but in ie you will find that too.


Featured Threads

Hot Threads This Week

Hot Threads This Month