前言

  之前使用的是插件更改字体样式，引入单个字体文件，奈何字体文件太大，加载速度很慢，这肯定不行啊，要找个办法优化网站加载速度，就找到了字体分包器，不得不说，分包之后确实快了不少😋

字体分包方法

  在这里我们要使用一个工具字体分包器。

  之后左侧上传自己需要使用的字体包，我这就以汉仪唐美人65w.ttf为例。
  上传之后点击开始进行字体分包,然后等待右侧Output 输出文件之后点击右下角压缩下载 zip，拿到压缩包之后上传到网站根目录解压缩，然后会有名为result.css的文件。

  到这字体分包结束，下面如何使用分包后的字体呢？

部署&使用字体方法

  首先需要在网站内引入上面的css。

<link rel='stylesheet' href='https://www.example.com/xxx/result.css' />

  然后自定义css输入如下内容。

body {
font-family: 'HYTangMeiRen 65W';
font-weight: 400;
};

  不同的字体css中font-family和font-weight这两个内容不同，需要根据分包后输出的结果进行更改。