如何解决网站加载本地个性字体耗时太久？

Question

问题困惑如题。

设计网站，用到了个性字体，比如：下面这三种字体，所以网上下载，本地导入。

可是却导致每次加载网页，加载字体耗时太久，表现的就是每次刷新页面，文字总是最后显示。

极其不好的用户体验，感受下问题，如何解？

Answer 1

字体这个事是这样：

1. 首先，在设计阶段，设计要被告知可以用个性字体，但是最终呈现时可能不会100%被还原，用户仍有可能使用默认字体，并且加载字体所产生的白屏/差呈现时间需要计入评估；
2. 产品应被告知，页面提供字体下载所产生的版权问题需要计入评估；
3. 绕开版权有两种方法：仅写入样式但不提供下载则没有版权问题，或者使用明确的免授权可商用字体(如思源黑)。当然如果是付费拿到授权那么请忽略此条；
4. 技术上建议采用多种字体回退的方式，并且保留并指定相应的系统默认字体；
5. 优化上，应尽量减少覆盖的字重，并且有可能的话，需要压缩字体（使用工具软件剔除页面上没有用到的字体，注意这个也需要字体文件本身提供相应的编辑权限才行），可选工具有字蛛、Fontmin等。

Answer 2

字体文件一般设置永久缓存。