中文字体文件过大，降低字体的大小

最新推荐文章于 2023-07-27 12:17:33 发布

unzoa

最新推荐文章于 2023-07-27 12:17:33 发布

阅读量1.6k

点赞数 1

文章标签： vue.js reactjs html

本文链接：https://blog.csdn.net/weixin_44283478/article/details/108372026

版权

原理： 删除字体文件中不常使用的字，然后在全局设置使用字体时候，增加可选免费字体的设置即可

首先吐槽下付费字体，大多数朋友应该都遇到了😡，“看着挺正经的字体，可能它不正经”。
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

🦾结果，字体变小。

unzoa

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
中文字体文件过大，降低字体的大小

原理：删除字体文件中不常使用的字体，然后在全局设置使用字体时候，增加可选免费字体的设置即可首先吐槽下付费字体，大多数朋友应该都遇到了????，“看着挺正经的字体，可能它不正经”。ButFak(大驼峰)，大家都找到了替代字体????。但是，中文字体嘛，文件都大，网站上应用太占用资源了。解决：即上面的原理。参考资料：常用中文字体删除不常用的字体使用：全局安装个插件????，下回继续用npm i font-spider -g删除不常用的字体网站上的文字，尤其是博客类，文字
复制链接

扫一扫