移动端引入的字体文件过大该如何处理？

Question

一个移动端项目使用的是自定义字体，我让设计把字体文件发来之后看到超过70M

在移动端上使用这么大的文件是不是太恐怖了,
把这些文件引进之后，如何优化一下这些字体呢？

Answer 1

移动端不应该引入自定义字体
手机上都会有自带的字体的。
而且引入字体的话会让加载变得异常慢。。。

Answer 2

用字蛛，或者Fontmin/进行切割。

Answer 3

只是一个猜想，字体文件是可以通过反射进行全局替换，那能不能放到服务器后，等程序运行之后再下载，然后再把字体替换掉呢。风险就是用户发现后台那么大的数据量，还以为你在干嘛呢
2017/1/3 17:48 刚刚使用过，应该是可以的，具体如何通过反射更换字体，推荐一个集成库：https://github.com/whinc/Font...，里面有方法可以直接在application去更换字体，具体文章在：http://blog.csdn.net/xiaohui_...

Answer 4

可以重构字体文件，就是只要你需要的字体，这样可以加快页面响应速度

http://www.youziku.com/

Answer 5

1，首先，不需要的字形不需要导入，你需要重新编辑字库，重新生成字体文件（风险很大，可能会出现意外的字形；）
2，你可以试试SVG生成字体文件；在上传文字段及生成本页需要的字符集；浏览本页载入的字体文件可能每一页都不相同（动态部分一部分不同，静态部分独立载入）；
3，一般自定义字体部分，是离线在本机的；

Answer 6

可以使用fontmin 本地切割字体，只使用跟html文本有关的字体，大大缩小字体大小

http://ecomfe.github.io/fontmin/

Answer 7

如果文字的内容不会变，可以考虑使用字蛛把需要的文字的字体信息提取出来生成新的字体，以减小字体体积。

具体参见：字蛛

如果文字经常变，而且没有固定的范围，那么基本无解。使用第三方的字体和CDN差不多，改变了资源的访问方式，但其体积不太可能变化多少。