Schriftart sieht unscharf auf Firefox

Question

Es ist nur ok mit Chrom und Oper. Aber es sieht verschwommen auf Internet Explorer und Firefox aus. Ich habe diese CSS erforscht und angewendet, aber immer noch kein Glück. Meine Firefox- und Internet Explorer-Versionen sind auf dem neuesten Stand. Ich verwende keine Google-Schriftart. Hier sind meine Stile.

@font-face { 
    font-family: 'Gotham-Bold'; 
    src: url('../fonts/Gothambold/Gotham-Bold.eot'); 
    src: url('../fonts/Gothambold/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gothambold/Gotham-Bold.woff') format('woff'), url('../fonts/Gothambold/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gothambold/Gotham-Bold.svg#') format('svg'); 
} 

body{ 
text-rendering: optimizeLegibility; 
text-rendering: geometricPrecision; 
font-smooth: always; 

font-smoothing: antialiased; 
-moz-font-smoothing: antialiased; 
-webkit-font-smoothing: antialiased; 
-webkit-font-smoothing: subpixel-antialiased; 
} 

Blick in Firefox.

Blick in Chrom Noch kein Glück. Irgendwelche Ideen?

Answer 1

Dieses Problem wurde vor einiger Zeit (und behoben) in this thread behoben.

einfach zusammenfassen ...

Die Ursache:

Dieses firefox Problem tritt auf Macs, wo die Option: "LCD-Schriftglättung verwenden, wenn verfügbar" (Einstellungen> Allgemein> Verwendung LCD-Schriftglättung wenn verfügbar) ist geprüft. (Es ist standardmäßig aktiviert).

Hinweis: Aus Erfahrung dieses Problem auf dem tatsächlichen Retina-Bildschirm des Mac nicht auftritt - sondern auf Nicht-Retina-Bildschirme an den Mac angeschlossen.

Deaktivieren Sie diese Option und Firefox neu starten, und Sie werden sehen, die Schriftart sieht gut aus!

Das Update:

Um dies für Benutzer mit der obigen Option zu überwinden aktiviert - einfach die folgende Erklärung im Körper hinzufügen:

-moz-osx-font-smoothing: grayscale; 

Sie werden angenehm überrascht sein.