更新时间：2026年10月09日

设计稿字体交付至少包含字体族、具体资源版本、字重、字号、行高、字间距和使用位置；网页项目还要说明字体不可用或缺字时的回退方案。不要只写“16号、加粗”，也不要把本机能显示当作其他设备一定能显示。最后用一组中文、英文、数字和长文本对照设计稿与实现结果。

在Pixso的UI设计与交付流程中，可以把文本样式与页面一起管理，并在交付说明中记录字体来源。共享设计稿能帮助团队核对属性，但浏览器真正显示哪份字体，还取决于研发配置和目标环境。

从一张商品卡片列出真正使用的文本

以“城市旅行背包 City Pack 24L”的排版练习为例，卡片包含商品标题、简短说明、价格和按钮。先不要给每一行随意设置字体，而是确定几类文本样式，再记录它们的取值。

用途	字体与字重	字号／行高	内容规则
商品标题	思源黑体SC，Medium	18／26	允许换行；列表最多展示两行，详情显示完整标题。
商品说明	同族，Regular	14／22	正文自然换行，不用手工空格对齐。
价格	同族，Medium	22／30	同时检查货币符号、千分位和小数；不拆成无关联的多个文本框。
操作按钮	同族，Medium	16／24	以文字加内边距确定容器，不靠裁切文本制造紧凑效果。

这些数值只是本例的设计约定，不是所有网站必须遵守的字号规范。交付时还需写明设计基准和实现单位，让研发知道这些数字怎样对应目标页面，而不是把手机屏幕像素与网页布局单位混为一谈。

样式名称可以按用途写成“商品标题”“说明正文”“价格”，便于找到使用位置。如果团队已有统一命名，沿用现有体系；不要为这一张卡片另建一套几乎相同的全站文本样式。

字体名称相同，也要确认资源是否相同

“思源黑体”这样的称呼仍然不够具体：可能使用不同地区字形、不同版本，也可能拿到静态字重文件或可变字体文件。先固定项目采用的资源，再记录下载来源、版本与文件名。思源黑体官方仓库提供不同配置，不能只凭字体菜单中的简称判断两端使用的是同一份。

可以给本例附一条资源记录：“字体族为Source Han Sans SC；标题、价格、按钮使用Medium，说明使用Regular；桌面设计和网页采用的资源配置由项目统一确认；新增字体版本时重新检查换行和字形。”正式交付时填写已经确认的版本及文件名，不把“最新版”当作稳定标识。

设计软件显示的字重名称与开发使用的数值也要对上。常见Regular对应400、Medium对应500，但不能仅给页面写一个500就认为该字重已正确加载。MDN的字重说明指出，可用字重取决于字体；缺少指定字重时会按规则选择可用资源。交付时应检查实际资源，而不是只看属性框中的数字。

回退并非只发生在整份字体未加载时。一个字体能显示英文却不包含某个中文字符，浏览器可能为这个字符使用后续字体。MDN对字体族的说明解释了这种按优先顺序和字形支持进行选择的行为。

因此，“中文用一种字体，英文看起来也差不多”不能算完整交付。至少要说明：

不要为了让所有设备“像同一张截图”，把正文全部转为图片或轮廓。那会使后续编辑、搜索、复制和辅助技术读取受到影响。特殊标志可以按图形资源处理，但商品名、说明和操作文字应保留其文本用途。

只看“你好世界”不容易发现问题。可把下面几组内容放进同一张检查画板，并在实现页面中使用相同文字：

若表格中多行金额需要纵向比较，还应讨论数字是否采用等宽数字特性，以及所选字体是否提供该特性。不要用空格补齐位数；它在不同字体、缩放和设备中并不可靠。

交付字体文件之前，先确认项目是否允许使用、嵌入或再分发这份资源。可下载不等于可以任意打包发给客户，本机系统自带也不代表适合直接上传网站。记录官方来源和项目批准的使用方式，避免研发从不明下载站寻找“同名字体”。

例如思源黑体的许可文件采用SIL Open Font License 1.1；实际分发应保留所需的版权与许可信息，并遵守相应条件。这是该字体资源的依据，不能推广为所有字体都可以同样使用。

若项目使用可变字体，除了字重，还要记录实际启用的轴和取值。不同字体拥有的轴与范围不相同，不能把一份字体的宽度或光学字号设置直接套给另一份。有关设计端应用，可以继续看可变字体的排版与检查方法。

最后把结论回写到对应样式，而不是逐个页面手工补偿。如果只是某一个特殊标题需要不同排版，应记录例外的用途与范围；其他页面继续使用共同规则。这样下一位设计师和研发接手时，看到的不只是一份“像素看起来差不多”的稿件，而是一套能解释和维护的字体约定。