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
So klicken Sie auf das A-Tag, um das Dialogfeld zum Hochladen der Eingabedatei zu öffnen
html Code kopieren Der Code lautet wie folgt: <...
Optimieren der langsamen Abfrage von MySQL-Aggregatstatistikdaten
Vorne geschrieben Wenn wir in unserem täglichen L...
Detaillierte Erklärung des MySQL-Datenbankparadigmas
Vorwort: Ich habe oft von Datenbankparadigmen geh...
So verwenden Sie React-Slots
Inhaltsverzeichnis brauchen Kernidee Zwei Möglich...
11 Gründe, warum Bootstrap so beliebt ist
Vorwort Bootstrap, das beliebteste Front-End-Entw...
Gründe und Lösungen für die mehrfache Ausführung der Überwachungsmethode, wenn Vue Routenänderungen überwacht
Inhaltsverzeichnis Anforderungsbeschreibung: Anfo...
Diskussion zu Bildpfadproblemen in CSS (dasselbe Paket/anderes Paket)
In CSS-Dateien müssen Sie manchmal einen Hintergru...
So schreiben Sie HTML-Header in der Webentwicklung für mobile Geräte
Code kopieren Der Code lautet wie folgt: <Kopf...
Eine kurze Analyse der Verwendung der Zero-Copy-Technologie in Linux
In diesem Artikel werden mehrere wichtige Zero-Co...
display:grid in CSS3, eine Einführung in das Rasterlayout
1. Rasterlayout (Raster): Es unterteilt die Webse...
Grafisches Tutorial zur Installation und Konfiguration der kostenlosen Installationsversion von MySQL 5.7.16
Dieser Artikel beschreibt die Installations- und ...
Fallstricke bei der Installation der komprimierten Version von MySQL 5.7.17 unter Windows
Laden Sie zuerst die neueste komprimierte MySQL 5...
Installation und Konfiguration des automatischen Mount-Dienstes AutoFs im Linux-System
Inhaltsverzeichnis Vorwort 1. Installieren Sie da...
Detaillierte Erklärung zur Verbindung von Java mit Mysql Version 8.0.18
In Bezug auf die Verbindungsmethode zwischen Java...
Einführung und Verwendung von fünf Controllern in K8S
Inhaltsverzeichnis Controllertyp von k8s Beziehun...