Letras borrosas en Chrome

[danidg86]

Hola.

He instalado en mi pagina web varias tipografias mediante la opcion @font-face, copiando el codigo de Font Squirrel.

En el explorador Google Chrome, el texto de unas tipografias se ve borroso, como pixelado.

¿Hay algun medio seguro de arreglar esto? Use un remedio que vi en la red, consistia en copiar un codigo en la hoja de estilos css, pero me lo arreglaba en unos ordenadores y desarreglaba en otros, aun en la misma version de Chrome.

¿Que hacer? ¿Es un problema del diseño o del propio explorador?

Gracias.

[DesgraciadoGabo]

No es sólo colocar el código, te recomiendo este sitio:
http://www.fontsquirrel.com/tools/webfont-generator

Aquí subes la/las tipografia/tipografias que quieras usar en tu sitio y te generan varios archivos para que los subas a tu host y también te generan el código que utilizarás.
Espero te sirva, saludos

[danidg86]

Lo hice de ese modo y, con todo, da problemas en algunos chrome. No se si es problema del diseño o de la visualizacion del explorador.

Gracias.

[Rafael]

Pon el enlace para verlo.

Ojo. Borroso es completamente lo contrario de aserrado, lo que seguramente tu pones como pixelado. Y eso es por una combinación del navegador con la fuente usada.

[danidg86]

He intentado hacer un pantallazo, aunque no se aprecia demasiado bien. Para verlo, pongan el zoom.



Probablemente la palabra sea aserrado, las letras no tienen un contorno "limpio".

[Rafael]

Ok... es aserrado, y por el contrario, las letras tienen un contorno demasiado limpio. O va letra o no va letra. Para entender el término un poco más: http://www.forosdelweb.com/f6/hablem...6/#post2904868

Explorer, por el contrario, tiene un sistema que difumina los bordes toscos con su clear type, que en realidad afecta a todo el sistema operativo.

No tienes otra opción más que escojer otra letra. Con algo de suerte cambiando un poquitito el tamaño de pronto se ve bien.

La verdana por ejemplo se ve bien a 9px, a 10 se ve fea y a 11 otra vez se ve bien. Precisamente por eso hay fuentes diseñadas para verse en pantalla en tamaños pequeños. El caso extremo son las pixel fonts, pero ese concepto como que ya va de salida.

En https://www.google.com/fonts precisamente puedes cambiar el tamaño de letra para revisar cómo se genera.

[Pelipe]

a mi me gusta esta:



mira la imagen en una nueva pestaña para verla mas clara

la fuente es:

Código CSS:

font-family: 'TitilliumText25L600wt', Arial, sans-serif;
 

por cierto a tu tipo de letra le falta sombra para disimular lo aserrado.