Dies ist ein generelles Problem, und es scheint, als gäbe es eine Lösung. Problem ist, dass Webfonts choppy in Chrom zeigt. Die Lösung sollte sein, den .svg-Aufruf vor dem Woff-Aufruf zu verschieben. Hier erklärt: Ссылка und hier: Ссылка
Das Problem ist, dass ich Google Web Fonts verwende und die Schriftart folgendermaßen importiere:
%Vor% Und ich weiß nicht, und kann nicht herausfinden, wie man es mit dem @font-face css Tag anstelle des oben genannten importiert. Ich habe versucht, aber stecken geblieben, da Google nur die Schriftart in ttf anbietet und nicht svg oder woff.
Ich hoffe, Sie können mir helfen.
Sie müssen die Schriftarten selbst hosten, wenn Sie diesen Fix anwenden möchten.
Ihre Google Fonts-Verknüpfung ist eine Anforderung für ein Stylesheet, das basierend auf den von Ihnen bereitgestellten Parametern und der Browsererkennung dynamisch erstellt wird. Für Ihren Beispiellink:
%Vor% Wenn Sie die Anfrage selbst mit curl :
Das wird zurückgesendet:
%Vor%Am einfachsten ist es, zu Google Web Fonts zurückzukehren und die betreffende Schriftart herunterzuladen, indem Sie hier und klicke auf den Download-Pfeil.
Dann können Sie die vorgeschlagene Korrektur von hier verwenden, um zu referenzieren Die heruntergeladenen Schriftartdateien:
%Vor%Haben Sie alle Styles korrekt zurückgesetzt?
Ihr inkonsistentes Rendering-Erlebnis kann durch die Standardeinstellungen des Browsers verursacht werden.
Eine reset.css setzt alle Elemente auf Default-Werte zurück, so dass browserübergreifende Inkonsistenzen reduziert werden. Es gibt viele Beispiele für reset.css, eines der beliebtesten ist meyerweb reset css . Eine weitere Möglichkeit, Inkonsistenzen zu reduzieren, ist die Verwendung von normalize.css.
Der Unterschied zwischen den beiden Ansätzen besteht darin, dass reset.css nur alle browserspezifischen Stile zurücksetzt, während normalize.css einen breiteren Anwendungsbereich hat, indem browserübergreifende Standardwerte erstellt werden.
Die Unterschiede zwischen beiden werden erklärt hier vom Entwickler von normalize.css.
Wenn all diese Links nicht helfen, stellen Sie sicher, dass Sie die Schriftgröße immer richtig einstellen und alle notwendigen Schriftgrößen importieren.
Hier können Sie über Schriftgewichte lesen: Ссылка Sie sollten diese Technik auch anwenden, wenn Sie normalize.ccs verwenden, da das font-weight nicht wie rest.css zurückgesetzt wird.
Tags und Links css3 google-webfonts