字体加载如何影响CLS？

许多站长容易忽😎略的是，🔍字体加载方式不当会直接导致页面文字区域出现明显跳动，从而拉低CLS评分

这能缩短字体替换窗口，减少用户感知的闪动和偏移

小提示：百度搜索更青睐稳定、可靠的页面体验

字体加载如何影响CLS？

异步加载未预留空间 ：通过 font-display: swap 或第三方字体服务加载时，若没有在CSS中预留精🌈确的尺寸，布局会随字体就绪而重新计算

例如： @font-face { font-family: 'CustomFont'; src: url('/fonts/custom

字体文件体积过大 ：加载时间过长，浏览器不得不先显示不可见文字（FOIT，Flash of Invisible Text），或闪出后备字体再替换（FOUT，Flash of Unstyled Text），两种情况均易引起偏移