Cause for bad font rendering in Chrome?

I notice that the text on some web pages look bad when viewed in Chrome (16.0.912.77 m) while OK with Firefox (10.0). FWIW, I'm using the Windows versions of those applications, with default settings.

As an (ironic) example, www.google.com/webfonts.

Does someone know why that is, and if something can be done about it?

Thank you.

Edit: Another example:

enter image description here

Edit: Here's how it looks in FireFox:

enter image description here

Solution 1:

I was looking for a solution for exactly the same thing: to make chrome render better. It was horrendous compared to Firefox, IE, and safari in windows (software rendering mode in Safari renders like on a mac，but it's a bit slow).

The reason why Firefox and IE9 render well is because they use DirectWrite hardware acceleration to render the fonts.

It's been suggested to turn off the GPU acceleration in Chrome. But it doesn't work. I found a good enough solution, where the text will be rendered LEGIBLE (didn't say anything about being fully antialiased and beautiful):

REMOVE THE WOFF LINE AND SVG LINES!!!!

@font-face {
    font-family: 'SomeFont';
    src: url('../fonts/SomeFont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/SomeFont.ttf')  format('truetype');
    }

What I found was that Chrome can do TTF render better, but choose to look for WOFF files first. So you only need EOT and TTF files.

Cause for bad font rendering in Chrome?

Solution 1:

Related

Recent Posts