原理: 删除字体文件中不常使用的字,然后在全局设置使用字体时候,增加可选免费字体的设置即可
首先吐槽下付费字体,大多数朋友应该都遇到了😡,“看着挺正经的字体,可能它不正经”。 ButFak(大驼峰),大家都找到了替代字体😒。
但是,中文字体嘛,文件都大,网站上应用太占用资源了。 解决:即上面的原理。
参考资料:
常用中文字体删除不常用的字体使用:
全局安装个插件🕷,下回继续用 npm i font-spider -g 删除不常用的字体 网站上的文字,尤其是博客类,文字的动态性比较大。打包时删除不常用的字体,那字体文件中包含的内容就太少了。 解决:创建文件夹,包含一个目标字体,一个html文件 |-slimingFont |-xxx.ttf |-index.htmlindex.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🦾结果,字体变小。