Firefox font-face rendering sieht sehr anders aus als z. Chrom

8

Ich habe Probleme mit @font-face in CSS. Die Schriftart, die ich benutze, sieht in jedem Browser sehr unterschiedlich aus.

Siehe dieses Beispiel in Firefox:

Und hier in Chrome:

Ich weiß nicht, was dieses Problem verursacht. Ich habe bereits versucht, text-rendering zu verwenden, und ich habe auch versucht, die Reihenfolge der url -properties in der @font-face -Deklaration zu ändern.

Ich verwende Windows 7 Professional und Firefox V30.

Kann mich jemand über den Grund für dieses Problem informieren und mir sagen, wie ich es beheben könnte?

Vielen Dank.

// BEARBEITEN: Dies ist die @font-face Deklaration, die ich verwende:

%Vor%

Wie ich oben geschrieben habe, habe ich bereits mit der Reihenfolge dieser Befehle gespielt.

In meinem speziellen Problem können Sie diese Seite (Fußzeile) sehen, die das Problem zeigt.

    
dude 15.10.2014, 14:26
quelle

4 Antworten

3

Dies scheint ein Zeichensatzproblem zu sein, da alle Möglichkeiten, die für andere arbeiten, das Problem nicht beeinflussen. In diesem Moment ist die Umstellung auf eine andere Schriftart die einzige Lösung.

    
dude 26.10.2014, 15:55
quelle
3

Die meisten modernen Browser verwenden DirectWrite unter Windows zum Rendern von Text, mit Ausnahme von Chrome. Zum Glück implementieren sie es jetzt und es wurde kürzlich als Standard in den neuesten Chrome-Builds festgelegt. Das sind die guten Nachrichten, die schlechte Nachricht ist, dass es immer noch Bugs hat und Schriften nicht immer richtig rendert. Sie können sehen, ob dies ein Problem ist, indem Sie es deaktivieren, um zu sehen, ob das das Problem behebt.

Um DirectWrite zu deaktivieren, geben Sie in der Adressleiste chrome://flags/ ein und finden Sie die Option "DirectWrite deaktivieren". Wenn das Problem dadurch behoben wird, sollten Sie einen Fehler mit den Beispielen Ihres Text-Renderings protokollieren, damit es behoben werden kann.

Weitere Informationen dazu finden Sie im Chrome-Blog unter Ссылка .

    
Bill 20.10.2014 06:51
quelle
1

Ich hatte das gleiche Problem und reparierte es mit dem folgenden kleinen Ding

%Vor%

Mit anderen Worten, füge einfach einen Schatten hinzu und es wird gut funktionieren. Spiele mit den richtigen Farben als Künstler. Probieren Sie dies

aus %Vor%     
user3192318 25.10.2014 05:35
quelle
0

Browser haben Zugriffsfunktionen, die CSS überschreiben. Stellen Sie sicher, dass die Text- oder Seiteneinstellungen nicht zoomen. Siehe Ссылка

Wenn nichts anderes übrig bleibt, wird zumindest eine Variable ausgeschlossen, was das Debugging effektiver macht.

    
Ken 25.10.2014 19:50
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie verwende ich eine GridLayoutAnimation in einem RecyclerView?