Introduction à l'utilisation du plug-in de compression de polices de nœuds font-spider

Cet article vous présente une introduction à l'utilisation du plug-in de compression de polices de nœuds font-spider. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Exigences :

1. Selon les exigences de la partie A, utilisez la police spécifiée dans l'interface utilisateur

2. Affichage par défaut système pour terminaux mobiles Polices par défaut, les polices par défaut non système doivent être importées par vous-même dans le package de polices

3. Le package de polices est trop volumineux et le package de polices fait généralement plusieurs Mo, ce qui ralentit sérieusement la vitesse de chargement des pages

Analyse :

1. Le contenu du texte est un contenu fixe et n'a pas besoin d'être mis à jour

2. La plupart du contenu textuel est du texte couramment utilisé, et la plupart du texte n'est pas utilisé

Plug-in :

font-spider
node 安装插件方法：npm install font-spider -g

Opération :

1. Installer le plug-in

2. Extraire le texte du projet :
   Créer un code HTML temporaire et mettre tout le texte nécessaire pour le projet en html

3. Écrivez le code de style en htmlnl, par exemple :

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

1. Dans l'invite de commande fenêtre, développez le répertoire jusqu'au répertoire où se trouve le HTML, entrez la commande : font-spider *.html pour copier le répertoire. Toutes les polices HTML sont extraites et empaquetées.

Remarque :

1. Si le contenu du texte de la page doit être mis à jour fréquemment

2. Si vous besoin de mettre à jour le formulaire de saisie Si des polices personnalisées sont également appliquées au contenu, veuillez abandonner la méthode décrite dans cet article et envisager de générer dynamiquement le package de polices via le rendu côté serveur, ou d'introduire honnêtement le package de polices complet dans la page

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!