前端项目中引入字体文件，加载缓慢问题解决过程

好久没有写文章了，自从换了公司一直比较忙，今天来给大家分享下我这次项目中引入字体遇到的问题，自己也做一个记录。

这次因为疫情在家，胖了不少，大家是不是也一样呢~嘻嘻，好啦，不说废话，开始进入正题~~

1、字珠
官网：http://font-spider.org/
github:https://github.com/aui/font-spider/blob/master/README-ZH-CN.md
一、安装nodeJs
官网：http://nodejs.cn/

二、安装python
**--注意网上很多文章并没有提到该步骤，会报错安装不成功。
官网：https://www.python.org/
配置好环境变量：
参考文章：https://www.cnblogs.com/gu-bin/p/11045043.html

三、字珠安装及使用
1、安装
npm install font-spider -g
淘宝镜像：`cnpm install font-spider -g

2、书写css

/*声明 WebFont*/
@font-face {
  font-family: '华康俪金黑W8.TTF';
  src: url('../font/华康俪金黑W8.TTF');
  font-weight: normal;
  font-style: normal;
}

/*使用指定字体*/
p {
    font-family: '华康俪金黑W8.TTF';
}

3、压缩 WebFont

font-spider [options] <htmlFile1 htmlFile2 ...>

完成以上步骤看查看字体文件，压缩完成

注意：该压缩方式只适用于静态文字中，后台所传动态文字无法处理。
本人安装过程中，还遇到注册表权限问题，修改权限文章参考地址如下：https://www.cnblogs.com/thinkAboutMore/p/12174371.html
好啦，完事啦~~