Webfont Glättung und Antialiasing in Firefox und Opera
Habe ich einige custom made webfonts eingebettet auf meiner Website und ich benutze Sachen wie
//-webkit-text-stroke-width: .05px;
//-webkit-text-stroke-color: white;
-webkit-font-smoothing: antialiased;
Stil meiner Rendern der Ausgabe. Das funktioniert in Safari und Chrome. Ich bekomme viel schärfere Kanten und Linien dünner.
Gibt es eine Möglichkeit, zu tun Sachen wie, dass in Firefox? Oder Opera?
InformationsquelleAutor der Frage matt | 2012-07-12
Du musst angemeldet sein, um einen Kommentar abzugeben.
Als Opera ist powered by Blink seit der Version 15.0
-webkit-font-smoothing: antialiased
funktioniert auf Opera.Firefox hat schließlich fügte eine Eigenschaft zu aktivieren grayscaled antialiasing. Nach einem langen Diskussion es verfügbar sein wird in Version 25 mit einer anderen syntax, die hervorhebt, dass diese Eigenschaft funktioniert nur auf OS X.
Sollte dies beheben verschwommen icon-Schriftarten oder heller text auf dunklen Hintergründen.
Können Sie Lesen, mein post über das font-rendering unter OSX umfasst ein Sass mixin, behandeln beide Eigenschaften.
InformationsquelleAutor der Antwort Max is hiring Elm and JS devs
Gut, Firefox nicht unterstützt sowas.
In der Referenz-Seite von Mozilla gibt
font-smooth
als CSS-Eigenschaft steuert die Anwendung von anti-aliasing bei fonts gerendert werden, aber diese Eigenschaft wurde entfernt aus dieser Spezifikation und ist derzeit nicht auf der standard-Strecke.Diese Eigenschaft wird nur unterstützt, werden in Webkit-Browsern.
Wenn Sie eine alternative wünschen, können Sie dies überprüfen:
InformationsquelleAutor der Antwort Jonathan Naguin
Fall: Licht text mit gezackte web-schriftart auf dunklem hintergrund Firefox (v35)/Windows
Beispiel: Google Web-Font-Ruda
Überraschende Lösung -
hinzufügen folgende Eigenschaft der angewandten Selektoren:
Tatsächlich, das Ergebnis ist dasselbe, nur mit
text-shadow: 0 0;
aber ich möchte explizit festgelegt Unschärfe-radius.Ist es nicht eine Universelle Lösung, aber vielleicht helfen in manchen Fällen. Außerdem habe ich noch nicht erlebt (auch nicht ausgiebig getestet) negative Auswirkungen auf die Leistung dieser Lösung so weit.
InformationsquelleAutor der Antwort Volker E.
Nach dem ausführen in das Thema, fand ich heraus, dass meine WOFF-Datei wurde nicht richtig gemacht, ich habe eine neue TTF zu FontSquirreldas gab mir einen richtigen WOFF, war glatt in Firefox ohne extra CSS.
InformationsquelleAutor der Antwort azenet
Fand ich die Lösung mit diesem link :
http://pixelsvsbytes.com/blog/2013/02/nice-web-fonts-for-every-browser/
Schritt für Schritt-Methode :
apt-get install ttfautohint
):ttfautohint --strong-stem-width=g neosansstd-black.ttf neosansstd-black.changed.ttf
Ich hoffe das hilft.
InformationsquelleAutor der Antwort Plici Stéphane
Wenn Sie die Textfarbe ist dunkel, in Safari und Chrome habe ich das bessere Ergebnis mit der text-Schlaganfall-css-Eigenschaft.
InformationsquelleAutor der Antwort Christelle
... in den body-tag und diese vom Inhalt und das Schriftbild sieht im Allgemeinen besser...
InformationsquelleAutor der Antwort user3634787
Hinzufügen
Ihrer @font-face-Schriftarten zu beheben, die Fett Aussehen in Firefox.
InformationsquelleAutor der Antwort Aaron VIII