Lissage des polices dans Firefox

Question

En utilisant Google WebFonts ("Oswald" dans ce cas), j'ai trouvé que mes polices sont plus audacieuses qu'elles ne devraient l'être. J'ai résolu ce problème dans les navigateurs basés sur webkit en utilisant:

-webkit-font-smoothing: antialiased; 

mais dans Firefox Je ne trouve pas la déclaration qui contrôle cela. J'ai entendu parler de l'utilisation d'un hack text-shadow pour résoudre ce problème, mais je préférerais ne pas l'utiliser car cela changera sans aucun doute les propriétés géométriques des polices.

Voici à quoi il ressemble dans WebKit (Chrome):

C'est le rendu horribles polyédrique grâce à Firefox:

Je sais qu'il ya un moyen pour atteindre cet objectif dans FireFox, parce que j'ai trouvé cette police sur font-combinator.com, et cela fonctionne correctement sur font-combinator en utilisant Firefox. Voici à quoi il ressemble sur Firefox à travers font-combinator.com:

Après avoir parcouru le css utilisé pour créer la police-Combinator, je trouve cette déclaration: text-rendering: optimizelegibility;, mais cela ne fonctionne pas lorsqu'il est appliqué à mon élément.

J'ai aussi essayé:

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

Comment puis-je obtenir Firefox pour ANTIALIAS mes polices afin qu'ils regardent droit lors de l'affichage? Pouvez-vous trouver la déclaration, ou une combinaison de déclarations qui les fait afficher correctement sur www.font-combinator.com?

J'utilise une version relativement ancienne de FireFox (16.0.2) parce que cette machine a une ancienne version d'OSX installée.

Answer 1

Avez-vous essayé de déclarer un poids de police numérique au lieu de simplement «normal» ou «gras»? Il y a beaucoup de différences dans le rendu des webfonts dans différents navigateurs. Essayez de définir {font-weight: 400;} pour le texte normal et {font-weight: 700;} pour bold.

Answer 2

Ce problème Firefox sur Mac OS X uniquement ...

Je viens de répondre à cette question: How to antialias SVG text in Firefox avec une solution former votre problème.

Je pense que vous pouvez utiliser l'attribut suivant:

-moz-osx-font-smoothing: grayscale; 

Ce sera publié avec Firefox 25 (une nightly build se trouve à http://nightly.mozilla.org/)