前言
之前使用的是插件更改字体样式，引入单个字体文件，奈何字体文件太大，加载速度很慢，这肯定不行啊，要找个办法优化网站加载速度，就找到了字体分包器，不得不说，分包之后确实快了不少😋
字体分包方法
在这里我们要使用一个工具字体分包器。
之后左侧上传自己需要使用的字体包，我这就以汉仪唐美人65w.ttf为例。
上传之后点击开始进行字体分包,然后等待右侧Output 输出文件之后点击右下角压缩下载 zip，拿到压缩包之后上传到网站根目录解压缩，然后会有名为result.css的文件。.webp)
到这字体分包结束，下面如何使用分包后的字体呢？
部署&使用字体方法
首先需要在网站内引入上面的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这两个内容不同，需要根据分包后输出的结果进行更改。.webp)
本文著作权归作者 [ Zhang ] 享有，未经作者书面授权，禁止转载，封面图片来源于 [ 互联网 ] ，本文仅供个人学习、研究和欣赏使用。如有异议，请联系博主及时处理。
使用字体分包可能会遇到跨域问题，当时解决这个折腾了好久
我倒是没有遇到这个问题，就是东西都是存在博客本地服务器的😌