2011-06-13 7 views
10

utilizando estándar fontsquirrel basado @ font-face mark up .. la fuente está representando en el lado grueso. a continuación se muestra una captura de pantalla que muestra la fuente de diferentes maneras. la parte superior es el renderizado de photoshop, el segundo es el renderizado de Chrome de la misma fuente (obviamente, mucho más grueso), y el tercero es el renderizado de Chrome de una fuente similar, que también se ve algo grumosa.@ font-face representación gruesa

http://cl.ly/0e3b2t1N0U2e003h322O

intentado usar font-weight:lighter con vano .. ¿hay algún truco para aligerar para arriba?

gracias!

Respuesta

31

agregaron algunas cosas al marcado h1 (donde se aplicó la regla de tipo de letra).

font-weight:normal; fija una cosa duplicación raro que ocurrió en iOS

-webkit-font-smoothing: antialiased; manejado el grosor render

+2

es webkit-font-suavizado: suavizado; – Hurix

+0

'font-weight: normal;' funcionó para mí en Chrome en Win7, ¡todas mis fuentes eran doblemente gruesas! – Jascination

+0

equivalente de firefox -moz-osx-font-smoothing: escala de grises; – JisuKim82

1

Además de lo anterior, he tenido un problema con una fuente ardilla kit de fuente creada y se dio cuenta de la prestación de un poco Más audaz de lo que inicialmente había visto también.

A veces el peso de fuente predeterminado para encabezados (h1, h2, etc.) en el agente de usuario (navegador) está establecido en 800. Si utiliza un restablecimiento de CSS, a menudo arreglan el valor predeterminado a algo alrededor de 500 o 400.

Lea el siguiente artículo para obtener más información:

http://css-tricks.com/watch-your-font-weight/

Cuestiones relacionadas