¿Cómo renderizar fuentes finas más suavemente en CSS 3 en Windows?
Cuando diseñé mi sitio web en Adobe Flash Pro CS6, la fuente se ve así:
La fuente se ve suave y ligeramente más gruesa, y cuando creo HTML y CSS para representar la fuente en un navegador, aparece así, respectivamente, en IE, Firefox y Chrome.
Parece más delgado y pixelado en algunas áreas. He visto una representación de fuente mucho más suave en OS X. ¿Cómo puedo hacer que la fuente parezca más suave en estos navegadores? Supongo que esto es un problema con ClearType, que se ve horrible con fuentes delgadas como esta.
Aquí está el código que estoy usando para probar, por lo que las respuestas se pueden probar antes de publicarlas:
<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>