Google-chrome – Text renders awfully in Chrome on a PC, yet fine in all other modern web browsers

browsercssgoogle-chromeweb

A web project I'm currently writing has awful text rendering in Chrome 15.0 on Windows and below, despite text rendering perfectly on all other modern web browsers on both Mac/PC.

Internet Explorer 9:

enter image description here

Chrome 14.0:

enter image description here

The web page is encoded in UTF-8. The font used is Helvetica/Arial/sans-serif. Any suggestions?

PS – wheree isn't a typo.

Update: I've created a test page highlighting the problem, text renders fine in all browsers except Google Chrome on Windows. It's valid HTML/CSS according to the W3C validator.

http://wheree.co.uk/test

Best Answer

This was a problem worthy of StackOverflow after all. CSS Solution:

-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
Related Question