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.

Verwenden Sie .Htaccess, um böswillige IP-Angriffe auf Websites zu verhindern, den Zugriff auf bestimmte Domänennamen zu untersagen, Maschinencrawler zu untersagen und Hotlinking zu untersagen

Artikel

Wissen Sie, wie Sie das Laden von Webfonts optimieren können?

HTML5 und jQuery zum Implementieren von Vorschau-Codebeispielen vor dem Hochladen lokaler Bilder

So stellen Sie eine Datenbank und eine Tabelle aus einer vollständigen MySQL-Datenbanksicherung wieder her

So verwenden Sie Docker zum Erstellen benutzerdefinierter Images auf Unternehmensebene

JavaScript implementiert einfache Rechnerfunktion

Linux-Installation, MongoDB-Start und Lösung allgemeiner Probleme

Detaillierte Erläuterung des Ausführungsplans, Beispiel für einen Befehl in MySQL

Bringen Sie Ihnen bei, wie Sie wartbaren JS-Code schreiben

Verwenden Sie .Htaccess, um böswillige IP-Angriffe auf Websites zu verhindern, den Zugriff auf bestimmte Domänennamen zu untersagen, Maschinencrawler zu untersagen und Hotlinking zu untersagen

Detaillierte Beispiele für den Unterschied zwischen den Methoden watch und computed in Vue.js

Über 3 gängige Pakete der REM-Anpassung

Artikel empfehlen

Allgemeine Linux-Befehle chmod zum Ändern der Dateiberechtigungen 777 und 754

So verwenden Sie async und await richtig in JS-Schleifen

Beispielcode für die Verwendung von CSS zur Implementierung des Logistikfortschrittsstils

So installieren Sie Docker und konfigurieren Alibaba Cloud Image Accelerator

Installieren Sie das Linux-System automatisch basierend auf Cobbler

Beispiel zum Festlegen der pseudostatischen WordPress-Eigenschaft in Nginx

So verwenden Sie einen Gamecontroller in CocosCreator

Verstehen Sie die anfängliche Verwendung von Redux in React in einem Artikel

Reines CSS zum Erreichen der Funktion „Klicken zum Erweitern und Lesen des Volltexts“

MySQL 5.7.17 neuestes Installationstutorial mit Bildern und Text

Implementierung der Benutzerregistrierungsfunktion mit js

Eine kurze Erläuterung zum Ändern/Festlegen der Umgebungsvariable JAVA_HOME unter Linux

Lösung für die Nichterreichbarkeit des Tencent Cloud Server Tomcat-Ports

Mehrere häufig verwendete Single-Page-Anwendungswebsite-Sharing

So verwenden Sie mysqladmin, um die aktuellen TPS und QPS einer MySQL-Instanz abzurufen