H5 引入PingFang SC字体包

设计要求要引入PingFang SC字体,但是看了下字体包,加起来30多m,这样引入感觉会造成页面性能问题,不知道还有没有别的方式能引入。

阅读 3.9k
2 个回答

如果这些字的内容本身能提前确定,那么你完全可以通过 fontmin、FontSubsetGUI 之类的工具把你要用的字库抽出来,一般来说 26 个字母 + 10 个数字也就几十 KB,加上一些常见汉字也就几百 KB。

P.S. 也有动态实时作上面工作的 nginx、nodejs 插件,就相当于把抽离字库的工作放在了服务端,但为了省点儿前端流量,把负担(主要是 CPU 密集型工作)放到后端,除非访问量很小,否则得不偿失。

一级字库(16区到55区)3755 个汉字
二级字库(56区到87区)3008 个汉字
常用的就这 6763 个,可以覆盖 99.9% 的常规使用

实际字体文件,一般以 GBK 为准,包含 20902 个汉字,还有其他 ASCII 部分,日韩文字

所以,拆分 出来,应该能小很多

参考链接 https://www.qqxiuzi.cn/zh/yijiziku-erjiziku.php

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏