H5 引入PingFang SC字体包

Question

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

Answer 1

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

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