Font-Smoothing in Firefox

Question

Utilizzando Google WebFonts ("Oswald" in questo caso), ho trovato che i miei font sono resi più audaci di come dovrebbero essere. Ho risolto questo problema nei browser basati su WebKit che utilizzano:

-webkit-font-smoothing: antialiased; 

ma in Firefox non riesco a trovare la dichiarazione che controlla questo. Ho sentito parlare dell'utilizzo di un hack text-shadow per risolvere questo problema, ma preferirei non utilizzarlo poiché cambierà indubbiamente le proprietà geometriche dei caratteri.

Ecco come appare in WebKit (Chrome):

Questo è il blocky orribili di rendering grazie a Firefox:

io ci so è un modo per ottenere questo risultato in FireFox, perché ho trovato questo font su font-combinator.com, e si presenta correttamente sul font-combinator usando Firefox. Ecco come si presenta su Firefox attraverso font-combinator.com:

Dopo la navigazione attraverso il CSS utilizzato per creare font-Combinator, ho trovato questa dichiarazione: text-rendering: optimizelegibility;, ma questo non funziona quando applicato al mio elemento

Ho anche provato:

text-rendering: optimizeLegibility; 
text-rendering: geometricPrecision; 
font-smooth: always; 
font-smooth: never; 
font-smoothing: antialiased; 
-moz-font-smoothing: antialiased; 

Come posso ottenere Firefox antialias miei font in modo che guardare a destra quando sono visualizzate? Riesci a trovare la dichiarazione o la combinazione di dichiarazioni che le faccia visualizzare correttamente su www.font-combinator.com?

Sto usando una versione relativamente vecchia di FireFox (16.0.2) perché questa macchina ha una vecchia versione di OSX installata.

Answer 1

Hai provato a dichiarare un peso di carattere numerico anziché solo "normale" o "grassetto"? Ci sono molte differenze nel rendering di webfonts in diversi browser.

Prova a impostare {font-weight: 400;} per il testo normale e {font-weight: 700;} per grassetto.

Answer 2

Questo è un Firefox su OSX problema solo ...

Ho appena risposto a questa domanda: How to antialias SVG text in Firefox con una possibile soluzione formare il vostro problema.

Penso che si potrebbe utilizzare il seguente attributo:

-moz-osx-font-smoothing: grayscale; 

Questo sarà rilasciato con Firefox 25 (una nightly build sono disponibili all'indirizzo http://nightly.mozilla.org/)