2012-01-22 12 views
10

Estoy seguro de que esto se ha discutido anteriormente, pero no puedo encontrar ninguna pregunta/respuesta canónica.Mala representación de fuentes no estándar en Chrome en Windows

Actualmente, tanto IE9 como Firefox 4+ usan una representación de fuente diferente que produce (para algunos) fuentes más borrosas pero mejor kerning general y resultados más consistentes. Además, mejora mucho mejor las fuentes no estándar en Windows. No he realizado una investigación exhaustiva, pero creo que tiene que ver con el hecho de que tanto IE9 como Firefox usan ahora una capa de gráficos diferente que aparentemente procesa las fuentes de forma diferente. Además, la razón por la cual algunas de las fuentes estándar como Arial, Tahoma, etc. ven en Firefox lo mismo que hace 10 años es que en realidad tiene una lista de excepciones para ellas (busque gfx.font_rendering.cleartype_params.force_gdi_classic_for_families).

Hasta ahora todo bien. El problema es Chrome. Todavía utiliza la representación de fuente antigua que hace que las fuentes no estándar sean prácticamente inutilizables. Solo por ilustración, la fuente que tenía en mente era: http://www.google.com/webfonts/specimen/Play. Simplemente abre la muestra en Firefox/IE9 y Chrome y deberías ver la diferencia. ¿Hay algo que pueda hacer? O debería buscar una fuente más optimizada.

Actualización: Veo que es un problema común: los títulos en http://www.smashingmagazine.com parecen muy irregulares en Chrome.

Actualización: imagen de la muestra:

Sample image

+6

Esto sigue siendo un GRAN problema Chrome tiene – vsync

+0

La misma pregunta aquí, con GRANDES respuestas y correcciones: http://stackoverflow.com/q/11487427/1114320 – Sliq

+0

He escrito un gran artículo sobre esto, incluyendo correcciones: [Cómo para arreglar el feo renderizado de fuentes en Google Chrome] (http://www.dev-metal.com/fix-ugly-font-rendering-google-chrome/). – Sliq

Respuesta

2

He leído que Chrome (originalmente cromo) tiene problemas de anti-aliasing es por eso que es dentado. Usar caras de fuente también hace una diferencia que usar fuentes locales en su sistema. Entonces, todo lo que podemos hacer es solo esperar hasta que arreglen este problema o ayudar al Proyecto Chromium si es posible.

0

Copia de mi anwswer de Making CSS3 @font-face font rendering play nice with ClearType on Windows

Una pregunta similar aquí: Font-face embedded fonts look fuzzy in Windows 7 browsers tiene una respuesta que resuelve el mismo problema para mí.

El generador de fuentes fontsquirrel http://www.fontsquirrel.com/fontface/generator optimiza las fuentes y las agrega con sugerencias e información de representación que ayuda a que el motor de representación de fuentes de Windows las interprete mejor. También genera archivos más pequeños, que se descargarán más rápido.

Cuestiones relacionadas