在使用@font-face标签加载中文字体文件时，如何使页面快速渲染

Question

当我们使用@font-face标签加载中文字体文件时，字体文件可能很大，但是网页中可能只是需要其中的某一些字体，但是页面会去下载整个字体文件，那么如何避免这个问题？或者说有什么办法能使网页更快速的加载渲染出来？

Answer 1

有一些网站有压缩字体的功能，大概是根据你页面里用到的文字，剔除掉字体包里没用到的，这样可以很大程度上减小字体文件体积，有一个缺点是，你改动了网页，那么可能需要重新压缩。如果页面里需要到用某一字体的地方不多，建议切图处理。

Answer 2

根据网站上用到的文字单独压缩成一个字体包，缺点就是后期维护都需要更新检测多余的文字，一般还是情况下还是建议常规字体应用，一些特殊的文字能借用字体图标的就借用字体图标。除非新建项目，老项目中都是设置有默认字体的，设计稿一般都是用平方字体，设计师并没有考虑到这些问题，所以并不能一味的跟着设计走，需要自己根据自己的项目实际情况去把握！