字体加载如何引发CLS？

常见的字体加载陷阱 未设置 font-display 属性 ：@font🌅-face规则中缺少该属性时，浏览器可能长时间阻塞文本渲染，造成闪烁或不可见文本

预加载关键字体 在HTML的 <l🤔ink rel="prelo▶️ad"> 中提前声明主要字体文件，让浏览器在高优先级下尽早下载

在百度搜索生态下的综合建议

精细调整后备字体 使用尺寸和字宽相近的后备字体能大幅减少偏移幅度