Como renderizar fontes finas de maneira mais suave no CSS 3 no Windows?
Quando eu projetei meu site no Adobe Flash Pro CS6, a fonte fica assim:
A fonte parece suave e um pouco mais espessa e, quando crio HTML e CSS para renderizar a fonte em um navegador, aparece assim, respectivamente no IE, Firefox e Chrome.
Parece mais fino e pixelizado em algumas áreas. Vi uma renderização de fonte muito mais suave no OS X. Como posso fazer com que a fonte pareça mais suave nesses navegadores? Estou assumindo que este é um problema com o ClearType, que parece hediondo com fontes finas como esta.
Aqui está o código que estou usando para testar, para que as respostas possam ser testadas antes de serem postadas:
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css' />
</head>
<body>
<span style="color: #333; font-family: Lato; font-size: 32px;">Question or concern?</span>
</body>
</html>