@ font-face verschwommen / fett / verzerrt Glyphen für Remote-Schriftarten
Ich versuche, zu @font-face zu wechseln, anstatt darauf zu vertrauen, dass Benutzer die Schriftart installiert haben (genauer gesagt, es ist das Terminus Schriftart, eher seine TTF Version.
Leider habe ich bei der Behandlung von Dateien, die auf andere Weise gehostet werden, wie in diesem Bild gezeigt, einige seltsame "Fettungen" oder "Verzerrungen" der Schriften festgestellt:
Wie Sie sehen können, sind remote abgerufene Zeichensätze aus irgendeinem Grund in den Größen 12, 14, 16, 18, 20, 24 verzerrt, während lokale Zeichensätze eine Art "Normalisierung" für diese Teile aufweisen, die sie hübsch aussehen lassen und an Ort und Stelle.
Eine andere Sache zu erwähnen ist, dass ich versucht habe, den WebFont Generator von FontSquirrel FontSquirrel zu verwenden, der den Screenshot demonstriert zeigt entlang dieser CSS-Codes jeweils:
%Vor%und
%Vor% Terminus (TTF) ist das gleiche Paket von Dateien, das gerade in /usr/share/fonts/ installiert wurde.
Jede Einsicht würde sehr geschätzt werden!
BEARBEITEN : Die Änderung der erweiterten FontSquirrel-Optionen scheint dieses Problem überhaupt nicht zu lösen.
EDIT2 : Ich habe auch nicht alle Methoden versucht, mit Firefox zu arbeiten. Außerdem habe ich eine Schriftart in ein Arbeitsverzeichnis kopiert (das gleiche wird lokal verwendet), verknüpfte es über das Feld "URL" und es bleiben Verzerrungen erhalten. Das ist zwecklos!
5 Antworten
Ich füge das als Antwort hinzu, da ich nicht genügend Punkte für einen Kommentar habe. Aber es ist eine Frage: Haben Sie Terminus lokal installiert? Wenn ja, versuchen Sie es zu deinstallieren und sehen Sie, was Sie bekommen.
Entschuldigung für das Kommentieren als Antwort ...
font-squirrel hatte einen Abschnitt mit mehreren Ausgängen. TTF funktioniert nicht in allen Versionen von Browsern
%Vor%Sie verwenden Font-Packs mit all diesen Erweiterungen, scheinen es auf der Site nicht mehr zu finden.
Anstatt den gesamten CSS-Code und all die Dateien hinzuzufügen, die benötigt werden, damit er in mehreren Browsern funktioniert, versuchen Sie es einfach mit Google WebFonts. Ссылка
Ich versuche, zu %code% zu wechseln, anstatt darauf zu vertrauen, dass Benutzer die Schriftart installiert haben (genauer gesagt, es ist das Terminus Schriftart, eher seine TTF Version.
Leider habe ich bei der Behandlung von Dateien, die auf andere Weise gehostet werden, wie in diesem Bild gezeigt, einige seltsame "Fettungen" oder "Verzerrungen" der Schriften festgestellt:
Wie Sie sehen können, sind remote abgerufene Zeichensätze aus irgendeinem Grund in den Größen 12, 14, 16, 18, 20, 24 verzerrt, während lokale Zeichensätze eine Art "Normalisierung" für diese Teile aufweisen, die sie hübsch aussehen lassen und an Ort und Stelle.
Eine andere Sache zu erwähnen ist, dass ich versucht habe, den WebFont Generator von FontSquirrel FontSquirrel zu verwenden, der den Screenshot demonstriert zeigt entlang dieser CSS-Codes jeweils:
%Vor%und
%Vor%Terminus (TTF) ist das gleiche Paket von Dateien, das gerade in %code% installiert wurde.
Jede Einsicht würde sehr geschätzt werden!
BEARBEITEN : Die Änderung der erweiterten FontSquirrel-Optionen scheint dieses Problem überhaupt nicht zu lösen.
EDIT2 : Ich habe auch nicht alle Methoden versucht, mit Firefox zu arbeiten. Außerdem habe ich eine Schriftart in ein Arbeitsverzeichnis kopiert (das gleiche wird lokal verwendet), verknüpfte es über das Feld "URL" und es bleiben Verzerrungen erhalten. Das ist zwecklos!
Eigentlich akzeptiert TTF nur mozila, es gibt viele Schrifttypen, wie TTF, SVG, WOFF, eot. Sie müssen alle Schriftdateien verwenden. Hier ist ein großartiges Tool zum Generieren von fontface.
Hier ist ein Beispiel:
%Vor%Ich denke, das wird dir helfen.
Ich habe festgestellt, dass die folgenden Elemente auf dem Element Rendering verschwommen geholfen hat.
%Vor%Ich füge das als Antwort hinzu, da ich nicht genügend Punkte für einen Kommentar habe. Aber es ist eine Frage: Haben Sie Terminus lokal installiert? Wenn ja, versuchen Sie es zu deinstallieren und sehen Sie, was Sie bekommen.
Entschuldigung für das Kommentieren als Antwort ...