自定义字体（艺术字）压缩 font-spider
font-spider官方文档叫字蛛。
用font-spider压缩字体原理就是，将项目中用到的字体单独压缩，没有用到的字体不放入压缩文件中，使字体文件变小，所以此种方法就有一个弊端就是无法压缩动态生成的文字。
准备：node环境（可能是废话…）
具体过程如下：
一、全局下载font-spider
npm install font-spider -g
二、新建一个文件夹，文件夹下新建index.html、index.css，并且将原字体文件放到文件夹下
在index.css声明该字体
@font-face {font-family: 'testFont';src: url('20200328-151916-1e89.ttf');font-weight: normal;font-style: normal;}.test{font-family:'testFont' }
在index.html放入项目中用到该字体的文字
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" type="text/css" href="./index.css" />
</head>
<body><div class="test">目录 菜单 第一页 第二页 （你项目中用到该字体的文字）</div>
</body>
</html>
三、进入到文件夹目录下运行命令
font-spider index.html
运行完之后文件夹下会多出来一个文件夹，是备份的原来的字体文件，同时会生成一个新的体积非常小的字体文件，将此文件直接引入项目中即可。
控制台运行成功后的输出
运行成功后的文件夹
注意：如果项目中文本有修改或更换需要重新压缩，而且不能压缩动态生成的文本…
有更好的办法或者可以压缩动态文本的方法，可以留言交流~
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！