He decidido utilizar el Google Web Font "Signika": http://www.google.com/webfonts/specimen/Signikadiferencias navegador web de Google representación de fuente
Mientras Me encanta la forma en que esta fuente se ve cuando se representa correctamente, algunos navegadores o plataformas no ofrecen esta lujo para sus usuarios.
Esto es lo que he observado:
- Arch Linux - Últimas cromo - Perfecto
- Arch Linux - Últimas Firefox - Perfecto
- Win7 de 64 bits - Últimas Chrome - Pobre (igual que el imagen a la derecha, si no recuerdo mal)
- Win7 64-bit (virtualbox VM) - Último Firefox - Pobre (vea la imagen a continuación)
- Win7 64-bit (virtualbox VM) - IE9 - ¿Perfecto? (ver imagen a continuación)
Los 2 últimos me sorprenden. Aquí está la comparación de renderizado con IE9 a la izquierda y Firefox a la derecha. Ambos están en la misma máquina (Win7 de 64 bits virtualbox VM).
El de la izquierda parece que ha sido suavizado - píxeles no son blanco o negro, sino también en el medio. El de la derecha parece que solo usa 2 colores.
Cuando el modo de navegador de IE9 se establece en IE8 o IE7, las fuentes comienzan a verse como en Firefox en esa máquina (no son suaves).
Estoy tratando de dar sentido a esto. ¿Qué está sucediendo exactamente y se puede hacer algo para que se vea sin problemas? He mirado en torno a problemas similares y trató las siguientes correcciones/soluciones sugeridas:
font-smooth: always;
-webkit-font-smoothing: antialiased;
y
text-shadow:0 0 1px transparent;
sin efecto. (Intenté en Win7 64-bit (virtualbox VM) con el último Firefox)
¡Cualquier sugerencia sería apreciada!
Hice una publicación de blog detallada sobre esto incl. correcciones: [Cómo arreglar la representación de fuente fea en Google Chrome] (http://www.dev-metal.com/fix-ugly-font-rendering-google-chrome/) y esto también se ha preguntado aquí: http: //stackoverflow.com/q/11487427/1114320 – Sliq