字体加载造成的文字闪烁怎么治
先出兜底字体、再替换,观感通常好过一片空白。
闪烁从哪来
文字用到的字体如果不在本机,浏览器需要先下载。在下载完成之前,它有两种选择:先用兜底字体渲染再替换(会看到一次跳变),或者先不显示文字(会看到一片空白)。两种都会被用户感知到。
优先选哪个
正文内容通常更好的是先用兜底字体显示。内容越重要,越不该让用户对着空白等待。标题或装饰性文字可以接受短暂隐藏。
减轻跳变的做法
把兜底字体的度量调得和主字体接近,替换时的位移就会小很多。另一个办法是只对真正需要的字符子集做字体文件,减小体积、缩短等待。
别忽略缓存
字体文件往往体积不小,配上长缓存能显著改善重复访问。更新字体时用新的文件名,避免旧文件一直留在客户端。