Einführung in die Verwendung des Node-Font-Komprimierungs-Plug-ins „font-spider'.

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:

1. Verwenden Sie gemäß den Anforderungen von Partei A die angegebene Schriftart in der Benutzeroberfläche

2. Standardanzeige System für mobile Endgeräte Standardschriftarten, Nicht-System-Standardschriftarten müssen selbst in das Schriftpaket importiert werden

3. Das Schriftpaket ist zu groß und das Schriftpaket ist normalerweise mehrere MB groß. was die Seitenladegeschwindigkeit erheblich verlangsamt

Analyse:

1. Der Textinhalt ist fester Inhalt und muss nicht aktualisiert werden

2. 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:

1. Plug-in installieren

2. Projekttext extrahieren:
   Erstellen Sie ein temporäres HTML und fügen Sie den gesamten für das Projekt benötigten Text ein in HTML

3. Stilcode in HTMLNL schreiben, zum Beispiel:

    @font-face {
        font-family: 'myfont';
        src: url('./common/assets/font/myfont.ttf');
    }
    * {
        font-family: 'myfont';
    }

1. 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:

1. Wenn der Seitentextinhalt häufig aktualisiert werden muss

2. 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!