Wissen Sie, wie Sie das Laden von Webfonts optimieren können?
|
Genau wie der Titel! Die allgemein verwendete Schriftfamilie lädt die integrierten Schriftarten des Browsers. Wenn jedoch das neue Tag @font-face in CSS3 zum Laden von TTF-Schriftarten verwendet wird, entsteht sehr viel Datenverkehr. Speziell für chinesische Schriftarten. Heutzutage gibt es immer mehr verschiedene Schriftarten. Wie können wir Schriftarten reibungslos laden? Heute habe ich mehrere chinesische Schriftarten von China Fonts http://font.chinaz.com/ heruntergeladen, sie in mein Blog gestellt und versucht, sie zu laden, aber ich habe festgestellt, dass sie sehr langsam geladen wurden. Eine chinesische TTF-Schriftart ist größer als 8 MB. Ich frage mich, wie lange das Laden und Anzeigen dauern wird. Dann habe ich mich gefragt, wie diese chinesische Schriftarten-Website es schafft, so viele Schriftarten hochzuladen. Obwohl einige der Schriftarten Bilder sind, bietet sie auch die Funktion zur Vorschau der eingegebenen Schriftart. Irgendeine Idee, was die Lösung ist? Wenn Sie es wissen, antworten Sie bitte. |
<<: Eine kurze Diskussion über Tags in HTML
>>: Reiner CSS-Code zum Erzielen eines Drag-Effekts
Artikel empfehlen
Eine kurze Einführung in React
Inhaltsverzeichnis 1. CDN-Einführung 1.1 reagiere...
Detaillierte Analyse des Unterschieds zwischen Ref und Reactive in Vue3.0
Inhaltsverzeichnis Ref und Reaktiv Referenz Reakt...
Gruselige Halloween-Linux-Befehle
Auch wenn nicht Halloween ist, lohnt es sich, sic...
Linux-Dateisysteme erklärt: ext4 und darüber hinaus
Heute werde ich Sie durch die Geschichte von ext4...
Zusammenfassung der mathematischen Symbole in Unicode
In der Mathematik, Physik und einigen wissenschaf...
Detaillierte Erklärung der Homologie und der Domänenübergreifendkeit, die für Front-End-Interviews erforderlich sind
Vorwort Wie wir alle wissen, treten bei Front-End...
Das Homepage-Design spiegelt am besten das Niveau des Webdesigners wider
Bei den vielen Projekten, an denen ich mitgearbei...
Beispiel für die Einstellung des HTML-Hyperlink-Stils (vier verschiedene Zustände)
Code kopieren Der Code lautet wie folgt: <styl...
Detaillierte Erklärung der Funktionsweise von Nginx
So funktioniert Nginx Nginx besteht aus einem Ker...
Fallstudie zum Zusammenführen von JavaScript-Arrays
Methode 1: var a = [1,2,3]; var b=[4,5] a = a.con...
MySQL-Datenbank-Master-Slave-Replikation und Lese-/Schreibtrennung
Inhaltsverzeichnis 1. Master-Slave-Replikation Ma...
Vue implementiert ein Suchfeld mit einer Lupe
In diesem Artikel erfahren Sie, wie Sie mit Vue e...
Das Fehlschlagen der Wiedergabe von FLV-/MP4- und anderen Videodateien auf der Website hängt mit dem MIME-Typ zusammen.
Beim Erstellen einer Website habe ich festgestellt...
So erhalten und verwenden Sie die Zeit im Linux-System
Es gibt zwei Arten von Linux-Systemzeiten. (1) Ka...
Ursachen und Lösungen für Verzögerungen bei der MySQL-Master-Slave-Synchronisierung
Aus historischen Gründen basiert die MySQL-Replik...