IE9 letter-spacing problem

Question

I have a page that renders ok, in FF (3x, 4x), Chrome, IE (6, 7, 8).

When tested on IE9 the texts are wider. Investigating the problem it appears that the text is actu

Answer 1

Another thing to consider now that it's been seven months since you asked this question is that starting in June 2011, version 5 of FireFox began a rapid release schedule. They are now up to version 8 and as a quick test, I see that version 7 and 8 of FireFox both render text nearly pixel-perfect with IE9. Chrome seems "squished" by comparison as the kerning is much tighter and the clear-type rendering in Chrome (to my eyes) is harsher than both IE9 and FF7/8.

You're not going to be guaranteed cross-browser matched font rendering, let alone cross-platform. All the browsers I looked at default to (on Windows) Times New Roman, 16pt text for "normal" display. If your application requires rendering of text to the level of matching for all users, all browsers, all platforms, then render it as an image and cache it.

Answer 2

This is also happening to me in IE8 for some reason. Neither decreasing the font-size or setting a letter-spacing solved the problem.

In another thread, I saw that this might be related to font-face. Unfortunately I haven't found a solution yet, but as soon as I find it, I'll post it here. May not help you at this time, but it may help the people who access this question later.

Answer 3

humeniuc

Are you sure that youre using the default font face or using some different ? This may cause the probl

Answer 4

You can reference the article by Microsoft. may be the problem because by Text Rendering

Answer 5

It may have to do with rounding up/down. Using tenths of a px is a strange thing to do since you can't get less than a whole pixel on a screen unless you know how the rounding will go. You can't rely on IE to get anything right anyway.

Answer 6

Try setting the letter-spacing value firmly for whole document, so it will display same in IE and FF.