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

Was ist ZFS? Gründe für die Verwendung von ZFS und seine Funktionen

Geschichte von ZFS Das Z-Dateisystem (ZFS) wurde ...

Tutorial zu HTML-Tabellen-Tags (20): Zeilenhintergrund-Farbattribut BGCOLOR

Mit dem BGCOLOR-Attribut kann die Hintergrundfarb...

Lösung für Nginx, das nicht zur Upstream-Adresse springt

Vorwort Heute bin ich in Nginx auf ein sehr selts...

So entfernen Sie „Enter“, „Senden“ und „Enter != Senden“ aus dem Formular

Um das Problem „Eingeben != Absenden“ zu implement...

HTML+CSS zum Erzielen von Spezialeffekten durch Textfaltung – Beispiel

In diesem Artikel werden hauptsächlich Beispiele ...

Versteckter Overhead von Unix/Linux-Forks

Inhaltsverzeichnis 1. Der Ursprung der Gabel 2. F...

Wofür wird jQuery verwendet? jQuery ist eigentlich ein js-Framework

Einführung in jQuery Die jQuery-Bibliothek kann e...

Docker installiert Elasticsearch7.6-Cluster und legt Passwort fest

Ab Elasticsearch 6.8 dürfen kostenlose Benutzer d...

Serviceverwaltung der Quellpaketinstallation unter Linux

Inhaltsverzeichnis 1. Startverwaltung des Quellpa...

Jenkins verpackt Microservices, um Docker-Images zu erstellen und auszuführen

Inhaltsverzeichnis Umgebungsvorbereitung Start 1....

Eine kurze Analyse der MySQL PHP-Syntax

Schauen wir uns zunächst die grundlegende Syntax ...

Linux Bash: ./xxx: Fehler „Binärdatei kann nicht ausgeführt werden“

Heute habe ich einem Kunden ein kleines Tool für ...