O texto é renderizado no Chrome em um PC, mas ainda assim em todos os outros navegadores modernos

Question

Um projeto da web que estou escrevendo atualmente tem uma renderização de texto horrível no Chrome 15.0 no Windows e abaixo, apesar da renderização de texto com perfeição em todos os outros navegadores modernos em Mac / PC.

Internet Explorer 9:

Chrome14.0:

A página da web está codificada em UTF-8. A fonte usada é Helvetica / Arial / sans-serif. Alguma sugestão?

PS - onde não é um erro de digitação.

Atualização: criei uma página de teste que destaca o problema, o texto é renderizado corretamente em todos os navegadores, exceto no Google Chrome no Windows. É um HTML / CSS válido de acordo com o validador do W3C.

link

    

Answer 1

Este foi um problema digno de StackOverflow depois de tudo. Solução CSS:

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

    

Answer 2

Isso parece estar relacionado à renderização do ClearType ou GPU.

Veja um artigo útil sobre como corrigir a fonte questões de renderização.

    

Answer 3

Sempre corrijo esse problema adicionando a seguinte linha ao meu CSS:

/* the line below is a hack to get Chrome to render fonts decently on Windows */
body { -webkit-text-stroke-width: 0.5px; }

Obviamente, não ideal, mas produz resultados muito bons, deve servir até que o Google finalmente decida corrigir o problema de verdade.