原理: 删除字体文件中不常使用的字,然后在全局设置使用字体时候,增加可选免费字体的设置即可
首先吐槽下付费字体,大多数朋友应该都遇到了😡,“看着挺正经的字体,可能它不正经”。
ButFak(大驼峰),大家都找到了替代字体😒。
但是,中文字体嘛,文件都大,网站上应用太占用资源了。
解决:即上面的原理。
参考资料:
使用:
- 全局安装个插件🕷,下回继续用
npm i font-spider -g
- 删除不常用的字体
网站上的文字,尤其是博客类,文字的动态性比较大。打包时删除不常用的字体,那字体文件中包含的内容就太少了。
解决:创建文件夹,包含一个目标字体,一个html文件
|-slimingFont
|-xxx.ttf
|-index.html
index.html🤹♂️
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title></title>
<style type="text/css">
@font-face {
font-family: aliFont;
src: url('./Alibaba-PuHuiTi-Regular.ttf');
}
* {
font-family: "aliFont", "SimHei", "Hei", "SimSun", "FangSong";
}
</style>
</head>
<body>
<!-- 常用的字体 -->
</body>
</html>
- 执行瘦身🏃🏿♀️
font-spider index.html
🦾结果,字体变小。