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
Grundlegende Konzepte und allgemeine Methoden des Map-Mappings in ECMAScript6
Inhaltsverzeichnis Was ist eine Zuordnung? Unters...
Lösen Sie das Hierarchieproblem des Z-Index des untergeordneten Elements und der Geschwisterknoten des übergeordneten Elements in CSS
1. Die Entstehung des Problems Habe eine flache L...
js native Karussell-Plugin-Produktion
In diesem Artikel wird der spezifische Code für d...
Das jQuery-Framework implementiert drei Animationsmethoden zum Anzeigen und Ausblenden von Elementen
Inhaltsverzeichnis 1. Standardmäßig anzeigen und ...
Native JS-Canvas zum Erzielen einer einfachen Schlange
In diesem Artikel wird der spezifische Code von J...
Implementierungscode der CSS-Formularvalidierungsfunktion
Rendern Prinzip Im Formularelement gibt es ein Mu...
CSS-Listenverschiebung, um zu verhindern, dass sie von unten verdeckt wird, und um sich an die längere Verarbeitung des Bildschirmmodells anzupassen
1. Wenn das mobile Endgerät die Listenverschiebun...
Zusammenfassung gängiger Befehle in Dockerfile
Syntaxzusammensetzung: 1 Anmerkungsinformationen ...
Erweiterte Docker-Methode zur schnellen Erweiterung
1. Befehlsmethode Führen Sie den Nginx-Dienst im ...
Lösen Sie das Problem, dass Docker Sudo-Operationen verwenden muss
Die Schritte sind wie folgt 1. Erstellen Sie eine...
Ubuntu-Grundeinstellungen: Installation und Nutzung des OpenSSH-Servers
Protokollieren Sie die Installation und Verwendun...
Idea konfiguriert Tomcat zum Starten eines Webprojekts - Grafik-Tutorial
Tomcat konfigurieren 1. Klicken Sie auf „Konfigur...
Detaillierte Erläuterung der CSS-Randüberlappung und Lösungssuche
Ich habe kürzlich einige CSS-bezogene Wissenspunk...
Detaillierte Erklärung des Unterschieds zwischen Routing-Hooks in Vue2.x und Vue3.x
Inhaltsverzeichnis vue2.x Vorkonzept: Routing-Hoo...
So installieren Sie JDK8 unter Windows
1. Herunterladen: http://www.oracle.com/technetwo...