ho deciso di utilizzare il Google Web Font "Signika": http://www.google.com/webfonts/specimen/SignikaGoogle Web Font differenze tra i browser di rendering
Mentre io adoro il modo in cui questo tipo di carattere appare quando reso correttamente, alcuni browser o piattaforme non offrono questa lusso per i loro utenti.
Ecco quello che ho osservato:
- Arch Linux - Ultime Cromo - Perfetto
- Arch Linux - Ultime Firefox - Perfetto
- Win7 64-bit - Latest Chrome - Scarso (uguale alla immagine a destra, se ricordo correttamente)
- Win7 64-bit (virtualbox VM) - Ultimo Firefox - Scarso (vedi immagine sotto)
- Win7 64-bit (virtualbox VM) - IE9 - Perfetto ?? (vedi immagine sotto)
Gli ultimi 2 mi sorprendono. Ecco il confronto del rendering con IE9 a sinistra e Firefox a destra. Entrambi sono sulla stessa macchina (VM virtuale a 64 bit di Win7).
Quello a sinistra sembra che sia stato spianato - i pixel non sono o bianco o nero, ma anche nel mezzo. Quello sulla destra sembra che usi solo 2 colori.
Quando la modalità del browser di IE9 è impostata su IE8 o IE7, i caratteri iniziano a somigliare a Firefox su quella macchina (non liscia).
Sto cercando di dare un senso a questo. Che cosa sta succedendo esattamente, e si può fare qualcosa per renderlo liscio? Ho guardato intorno per problemi simili e ha cercato le seguenti proposte correzioni/soluzioni:
font-smooth: always;
-webkit-font-smoothing: antialiased;
e
text-shadow:0 0 1px transparent;
senza alcun effetto. (Provato su Win7 64-bit (virtualbox VM) con l'ultimo Firefox)
Qualsiasi suggerimento sarebbe apprezzato!
Ho fatto un post sul blog dettagliato su questo incl. correzioni: [Come risolvere il brutto rendering dei font in Google Chrome] (http://www.dev-metal.com/fix-ugly-font-rendering-google-chrome/) e questo è stato anche chiesto qui: http: //stackoverflow.com/q/11487427/1114320 – Sliq