Dieser Artikel bietet Ihnen eine Einführung in die Verwendung des Node-Font-Komprimierungs-Plugins „Font-Spider“. Ich hoffe, dass er Ihnen als Referenz dienen wird.
Anforderungen:
Verwenden Sie gemäß den Anforderungen von Partei A die angegebene Schriftart in der Benutzeroberfläche
Standardanzeige System für mobile Endgeräte Standardschriftarten, Nicht-System-Standardschriftarten müssen selbst in das Schriftpaket importiert werden
Das Schriftpaket ist zu groß und das Schriftpaket ist normalerweise mehrere MB groß. was die Seitenladegeschwindigkeit erheblich verlangsamt
Analyse:
Der Textinhalt ist fester Inhalt und muss nicht aktualisiert werden
Der größte Teil des Textinhalts ist häufig verwendeter Text, und der größte Teil des Textes wird nicht verwendet
Plug-in:
font-spider node 安装插件方法：npm install font-spider -g
Vorgang:
Plug-in installieren
Projekttext extrahieren:
Erstellen Sie ein temporäres HTML und fügen Sie den gesamten für das Projekt benötigten Text ein in HTML
Stilcode in HTMLNL schreiben, zum Beispiel:
@font-face {
font-family: 'myfont';
src: url('./common/assets/font/myfont.ttf');
}
* {
font-family: 'myfont';
}Erweitern Sie im Eingabeaufforderungsfenster das Verzeichnis in das Verzeichnis, in dem sich HTML befindet, geben Sie den Befehl ein: Font-Spider *.html, um die Schriftarten aller HTML-Dateien im Verzeichnis zu ändern. Ziehen Sie es weg und packen Sie es.
Hinweis:
Wenn der Seitentextinhalt häufig aktualisiert werden muss
Wenn Sie Das Eingabeformular muss aktualisiert werden. Wenn auch benutzerdefinierte Schriftarten auf den Inhalt angewendet werden, geben Sie bitte die in diesem Artikel beschriebene Methode auf und erwägen Sie die dynamische Generierung des Schriftartenpakets durch serverseitiges Rendern oder die ehrliche Einführung des vollständigen Schriftartenpakets in die Seite
Das obige ist der detaillierte Inhalt vonEinführung in die Verwendung des Node-Font-Komprimierungs-Plug-ins „font-spider'.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
