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
Wie CSS die Zeit des weißen Bildschirms während des ersten Ladens beeinflusst
Rendering-Pipeline mit externen CSS-Dateien In de...
Über die Verwendung von benutzerdefinierten CSS3-Variablen in Projekten aus einer Projektrekonstruktion sprechen
Informationen zu CSS3-Variablen Fügen Sie beim De...
Grundlagen der HTML-Bearbeitung (ein Muss für Anfänger)
Öffnen Sie DREAMWEAVER und erstellen Sie ein neue...
Installieren Sie die MySQL5.5-Datenbank in einer CentOS7-Umgebung
Inhaltsverzeichnis 1. Prüfen Sie, ob MySQL auf de...
Zugriffsvorgang im MySQL-Befehlszeilenmodus MySQL-Datenbankvorgang
Nutzungsumgebung Geben Sie im cmd-Modus mysql --v...
Der IE8-Browser wird vollständig mit Webseitenstandards kompatibel sein
<br />Um zu beweisen, dass sein Engagement f...
Callback-Funktionen in JavaScript verstehen und verwenden
Inhaltsverzeichnis Überblick Was sind Rückrufe od...
Informationen zum Vue-Komponentenwechsel, dynamischen Komponenten und Komponenten-Caching
Inhaltsverzeichnis 1. Komponentenwechselmethode M...
Detaillierte Schritte zum Ausführen eines Springboot-Projekts in Linux Docker
Einführung: Die Konfiguration von Docker, auf dem...
Eine kurze Diskussion über zwei Strombegrenzungsmethoden in Nginx
Die Belastung wird im Allgemeinen während des Sys...
Beispielcode zum Konvertieren von HTML-Tabellendaten in das JSON-Format
Die Javascript-Funktion zum Konvertieren von <t...
Umfassender Vergleich und Bewertung des Vue-Code-Hervorhebungs-Plugins
Inhaltsverzeichnis Umfassender Vergleich Aus der ...
Detailliertes Tutorial zum Bereitstellen einer benutzerdefinierten Apollo-Umgebung mit Docker-Compose
Inhaltsverzeichnis Was ist das Apollo Configurati...
So ändern Sie das Passwort des Root-Benutzers in MySQL
Methode 1: Verwenden Sie den Befehl SET PASSWORD ...
Webdesign: Implementierungstechniken für Webmusik
<br />Wenn Sie Musik in eine Webseite einfüg...