网站别用3M的自定义字体，白屏4秒等字体加载，压到80K，打开速度快五倍

新手做网站，为了好看，用了个几M的自定义字体文件，网页打开要先等字体加载，白屏好几秒，其实字体加载做简单优化，既好看又不拖慢速度。第一，自定义字体只加载用到的字符，别把整个字体包全传，用字体工具把需要的汉字导出来，体积从几M压到几十K；第二，字体文件放CDN，加载快，别从自己源站拉字体；第三，设置字体回退，先用系统默认字体显示，等自定义字体加载完，再替换，别让用户等着字体加载白屏；第四，别加载好几种自定义字体，一个网站用一个自定义字体就够，字体多了，加载体积直接翻几倍。

我之前博客，首页用了个3M的书法字体，打开要等4秒字体加载完才显示字，用户以为网站卡了直接关站，把字体压缩到80K，加了回退字体，打开速度直接到0.7秒，效果和原来一样。很多新手为了好看用自定义大字体，根本不压缩，用户等不及字体加载就走了，压完字体，体验既好看又快。