品牌字体交给网页开发，为什么还要提供一份回退字体方案？

静态设计稿里的字体已经加载完成，网页访客却可能先看到系统字体，再看到品牌字体。若交付材料只描述最终状态，标题突然多一行、按钮宽度改变、中文型号被拆开，往往直到上线才变成设计与开发之间的争论。

一份完整的网页字体交付，应同时说明目标字体与回退状态。回退不是“随便找个字体撑一下”，它决定了字库尚未到达或无法使用时，页面还能不能正常阅读和操作。

先确认使用权，再确认文件

把字体名称、所需字重、供应来源和网页使用许可列出来。桌面设计授权与网站分发许可未必相同，自托管或子集化是否允许要看具体条款。授权尚未核清时，不要让开发人员自行转换、上传整套字库。

文件交付还应列出实际使用的字重，避免设计只用了常规与中等两档，页面却加载一整套。不同版本的字形和度量可能不同，所以版本变更也应进入设计交付记录。

让设计师看三种状态

1. 目标字体已加载：核对设计意图、字重和重要页面中的混排。
2. 首次访问等待字体：观察文字是否可读、标题行数与按钮位置是否变化。
3. 字体请求失败：确认回退状态可以长期使用，而不是出现被裁掉的条件说明或挤出屏幕的按钮。

测试文字要来自真实业务：长产品名、数字与单位、货币符号、括号和目标市场所需字符都应出现。只用一段纯中文示例，可能漏掉真正把标题撑宽的英文型号。CSS中填写了字体名也不代表每个字符实际都由它显示，需要在浏览器里核对。

不要把“加swap”写成稳定布局的验收条件

font-display: swap可以让文字先用回退字体显示，但目标字体替换进来时，两者尺寸不同仍可能改变布局。对于具体诊断，光算的中文字体切换与CLS排查指南解释了加载时机、实际字体和字体度量之间的关系。

设计协作时，先确认能否接受系统字体或相近回退字体；必须保留品牌字体时，再由开发根据实际字体测量调整。不要从别的网站复制一组百分比，也不要通过固定过小高度、隐藏溢出来制造“没有跳动”的假象。

交付结论写成可复查的观察

例如可以记录：“指定手机宽度下，目标字体与回退字体的产品标题均完整显示；首次加载仍有一处按钮位移，待修。”这比“字体已优化”更清楚。截图之外保留设备环境、缓存条件和加载过程，区分首次访问与已经缓存字体后的访问。

一张稳定的静态截图不能证明全站CLS达标。最终交付既要让品牌外观获得确认，也要让失败状态有可用的排版；数值性能结论则留给实际测量。