字体加载如何引发CLS？

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

预加载关键字体 在H❤️TML的 <link rel="preload"> 中提前声明主要字🤔体文件，让浏览器在高优先级下尽早下载

常见的字体加载陷阱

字体顺序不当 ：页面中不同元素使用💯了多种自定义字体，加载顺序🤔混乱导致多次替换