字体优化方案

 

场景：加载3MB的字体大小
中文字体有3MB，加载速度慢怎么优化呢？是动态的字体，（就是渲染前并不知道会用到哪些字体）所以无法采用spider font那种方案？

1.方案一：

把字体包转换成base64，然后打包进了CSS里，小了一点儿，那个CSS文件有2MB，但还是慢啊，有什么更好的方案吗？

2.方案二：

传输时http那层加上压缩，约减少50%传输大小

3.方案三：转换格式

 有用过这个进行格式转换。拿otf的字体包 转换为ttf的包。 otf包原体积8.6M。转换后ttf体积6.29kb

工具连接：https://convertio.co/zh/download/324cb285d83ba3d00730e59068d4104b2d4922/

4.方案四：

 提前剔除TTF中不常用的字