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

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

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

Der folgende Befehl wird häufig verwendet: chmod ...

So verwenden Sie async und await richtig in JS-Schleifen

Inhaltsverzeichnis Übersicht (Loop-Modus – Allgem...

So installieren Sie Docker und konfigurieren Alibaba Cloud Image Accelerator

Docker-Installation Über die Installation auf ein...

Installieren Sie das Linux-System automatisch basierend auf Cobbler

1. Komponenten installieren yum install epel-rpm-...

Beispiel zum Festlegen der pseudostatischen WordPress-Eigenschaft in Nginx

Zitat aus Baidus Erklärung zu Pseudostatik: Pseud...

So verwenden Sie einen Gamecontroller in CocosCreator

Inhaltsverzeichnis 1. Szenenlayout 2. Fügen Sie e...

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

Redux ist ein Plug-In zur Datenstatusverwaltung. ...

MySQL 5.7.17 neuestes Installationstutorial mit Bildern und Text

mysql-5.7.17-winx64 ist die neueste Version von M...

Implementierung der Benutzerregistrierungsfunktion mit js

In diesem Artikelbeispiel wird der spezifische Co...

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

Ich habe vor Kurzem einen Server mit Tencent Clou...

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

CSS3Bitte Schauen Sie sich diese Website selbst a...