google webfonts sembra scadente su chrome

Question

Mi affido molto a Google Webfonts per il mio sito e (sfortunatamente) google chrome li presenta male, ho impostato font-smooth per sempre, ma non sembra essere d'aiuto. ESEMPI:

C'è un modo ho potuto spianare loro/migliorarne l'aspetto ??

Grazie,

Answer 1

Se hai trovato font dal server di Google può essere meno agevole perché i vostri clienti devono fare richiesta di due server di uno per il vostro sito e uno per il server di Google Web Fonts. Quindi, se scarichi i font e li ospitali sul tuo sito, i tuoi font dovrebbero apparire più fluidi e più agevoli. Inoltre ho trovato che l'altezza deve fare molto con il loro aspetto. Alcuni tipi di carattere appaiono malamente distorti quando vengono eseguiti fino a 150 px e così via e figlio. Quindi cerca di mantenere l'altezza del font bassa.

Answer 2

Personalmente avrei usato

http://www.fontsquirrel.com/

E 'tutto ospitato sul server ed è compatibile con quasi tutti i browser! Da quando utilizzo Font Squirrel non ho guardato altrove.

Answer 3

I problemi di rendering dei caratteri sono comuni in GChrome, prova a cambiare l'ordine dei tuoi sorgenti @ font-face ... Chrome utilizza il file .svg nei sorgenti @ font-face, in qualche modo non tollera .svg essere chiamato ultima nella 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; 
} 

Se l'ordine @ font-face è simile poi provare a cambiare per

@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; 
    }