Google webfonts se ve mal en Chrome

Question

Depende mucho de Google Webfonts para mi sitio y (desafortunadamente) google chrome los presenta mal, he establecido font-smooth para siempre, pero parece que no ayuda. EJEMPLOS:

¿Hay alguna manera de que pudiera suavizarlos/que se vean mejor ??

Gracias,

Answer 1

Si está recibiendo fuentes desde el servidor de Google puede ser menos suave porque sus clientes tienen que hacer la solicitud de dos servidores uno por su sitio y uno para el servidor Google Web Fonts. Por lo tanto, si descargas las fuentes y las hospedas en tu sitio, tus fuentes se verán más suaves y se cargarán sin problemas. También he descubierto que la altura tiene que ver mucho con su apariencia. Algunas fuentes tristemente se ven distorsionadas cuando se suben hasta 150px y así sucesivamente e hijo. Intente mantener baja la altura de su fuente.

Answer 2

Personalmente me gustaría utilizar

http://www.fontsquirrel.com/

es que están alojadas en su servidor y es compatible con casi todos los navegadores! Desde el uso de Font Squirrel no he buscado en otro lado.

Answer 3

Los problemas de representación de fuentes son comunes en GChrome, intente cambiar el orden de sus fuentes @ font-face ... Chrome utiliza el archivo .svg en las fuentes @ font-face, por alguna razón no tolera .svg que se llama la última en la lista

@font-face { 
font-family: 'my-dirty-font'; 
src: url('../fonts/my-dirty-font.eot'); 
src: url('../fonts/my-dirty-font.eot?#iefix') format('eot'), 
url('../fonts/my-dirty-font.woff') format('woff'), 
url('../fonts/my-dirty-font.ttf') format('truetype'), 
url('../fonts/my-dirty-font.svg') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

Si la orden de pedido @ font-face tiene una apariencia similar a continuación, pruebe a cambiar a

@font-face { 
    font-family: 'my-dirty-font'; 
    src: url('../fonts/my-dirty-font.eot'); 
    src: url('../fonts/my-dirty-font.eot?#iefix') format('eot'), 
    url('../fonts/my-dirty-font.svg') format('svg'); 
    url('../fonts/my-dirty-font.woff') format('woff'), 
    url('../fonts/my-dirty-font.ttf') format('truetype'), 
    font-weight: normal; 
    font-style: normal; 
    }