
font-display决定字体下载期间和完成后的显示策略,不保证字形切换时尺寸完全不变。使用swap时,回退字体与目标字体的度量差异可能引发换行或按钮高度变化,应一起检查字体链、版位和加载方式。
先看文字何时出现和何时变形
在冷加载或受控慢网下观察标题、导航和按钮,区分文字暂时不可见、字体替换及容器尺寸变化。缓存中已有字体的访问通常不能重现完整过程。保存关键时点,避免只看最终页面漂亮,就忽略前几秒用户无法阅读或误点的问题。
理解策略而不机械选择一个值
auto、block、swap、fallback和optional提供不同等待与替换倾向,实际行为仍由浏览器按规则处理。品牌标题与长篇正文的需求可能不同。不要宣称某个值对所有页面绝对最佳,也不要为隐藏跳动让文字长时间无法显示。

减小字体度量和样式差异
选择更接近目标字形的回退字体,检查行高、字重及可用的字体度量调整。长导航和窄按钮对几个像素变化很敏感,应按最不利文字测试。修改CSS时限制到对应字体面或组件,避免全站行高统一后破坏表格与多语言内容。
同时检查加载与交互稳定性
优化字体发现、减少无用字重或合理预加载后,重新观察文字出现和切换。检查用户开始阅读或点击时是否被换行挤走,移动端与不同系统也要测试。最终用真实加载过程判断,不只用font-display属性已经存在作为完成证据。
关键区别

font-display:控制加载期间显示;不是字体尺寸统一器。
回退字体:先显示的文字来源;度量差异可能换行。
最终体验:可读且交互稳定;需看完整加载过程。
怎样确认处理到位
首访文字及时可读,字体切换没有非预期大幅换行或误触,关键导航和按钮在代表性系统上保持稳定。
容易误判的边界
字体只是布局位移的来源之一;若变化由图片、广告或异步内容插入造成,应继续排查其他对象。
