TTF、OTF、WOFF、WOFF2 字体怎么检查：预览、字形覆盖与商用许可

拿到一个字体文件后，双击看到几行英文并不能说明它适合项目。它可能没有中文，内部家族名和文件名不一致，字重标错，网页文件过大，也可能根本没有商用或 Webfont 授权。

字体文件预览与字形检查工具可以在浏览器本地加载 TTF、OTF、WOFF、WOFF2，用真实文字预览，并读取常见字体名称、版本、设计者、许可、OpenType 特性、字符覆盖和字形表。字体不会为了检查上传服务器，还可以导出 PNG 样张供团队核对。

TTF、OTF、WOFF、WOFF2 分别是什么

TTF 通常指 TrueType 字体，使用二次贝塞尔轮廓。OTF 是 OpenType 封装，内部可以是 TrueType 轮廓，也可以是 CFF/PostScript 轮廓。两者常作为桌面安装、设计软件和字体源文件。

WOFF 和 WOFF2 面向网页。它们把字体表压缩后供浏览器加载，WOFF2 通常体积更小。Webfont 不是把 TTF 扩展名改掉，而是保留必要字体结构并使用适合网页传输的压缩容器。

浏览器通常可以直接显示 WOFF2，但完整审计最好保留 TTF/OTF 源文件。某些压缩格式、子集字体或厂商私有表，只凭一个预览页面不容易还原全部信息。

文件名和字体内部名称可能不一样

操作系统和 CSS 主要看字体内部的 family、subfamily、full name、PostScript name，不只看 MyFont-Bold.ttf 这个文件名。内部名称设置错误时，多个字重可能互相覆盖，设计软件里找不到预期名称，或网页实际加载后仍回退。

检查时至少记录：

• Font Family 与 Subfamily；
• 完整名称和 PostScript 名称；
• 版本号、厂商和设计者；
• Units per em、上升部和下降部；
• 字形数量、轮廓类型和是否等宽；
• 可变字体轴与 OpenType 特性。

如果 Regular、Medium、Bold 三个文件都声明成同一个普通字重，只靠 CSS 文件名无法修正。上线前应在 @font-face 中明确 font-weight 和 font-style，并用浏览器开发者工具确认实际渲染字体。

为什么英文正常，中文却变了

一套拉丁字体可能只有几百个字形，没有任何中文。浏览器遇到缺失字符时，会从后续字体或系统字体中回退，所以页面看上去“有中文”，但中文其实不是这套字体。

最简单的检查方法，是输入真实品牌名、标题、数字、货币符号、标点和业务专有字，再到字形表搜索对应 Unicode。中文项目不要只测试“永”和几个常用字；人名、生僻字、全角标点、人民币符号和 Emoji 更容易暴露缺口。

图标字体则可能把图标放在 Unicode 私用区。它能显示，不代表文本语义正确，也不适合被屏幕阅读器当普通文字。现代界面通常更适合使用有可访问名称的 SVG 或图标组件。

OpenType 特性怎么看

liga 常用于连字，kern 用于字距调整，smcp 可能表示小型大写字母，ss01、ss02 通常是样式替代集。字体表中出现标签，只说明存在相关规则，不代表每个字符都有替代版本，也不保证所有浏览器和排版软件表现一致。

网页中可以通过 font-variant-* 或 font-feature-settings 控制部分特性。启用前要用真实文字比较，特别注意数字、标点、Logo 字样和代码字体。设计稿里好看的连字，在账号、订单号或代码中可能降低可读性。

metadata 里的许可不是最终合同

字体内部可能写有 copyright、license、license URL 和 designer 信息，但字段可能为空、过时或被二次打包者修改。看到“Free”也要确认是个人免费、商业免费、开源许可，还是仅供桌面使用。

常见使用范围包括桌面设计、印刷、Logo、网站 Webfont、App/游戏嵌入、电子书、视频、服务器生成和文件再分发。授权可能按用户数、域名、页面浏览量或产品数量计费。

正式项目应保存来源页面、发票、许可文件和版本。不能仅凭在线工具显示的一个字符串判断合法性；不确定时联系字体作者或发行商。

网页上线还要检查什么

@font-face 需要正确的 family、src、format、weight、style 和 display。服务器还要返回正确 MIME，跨域字体可能需要 CORS，CDN 应设置合理缓存。预加载只适合首屏真正需要的少量字体，过度 preload 会抢占关键资源。

字体文件过大时，应考虑按语言和 Unicode 范围做子集，但子集不能漏掉动态内容。中文字体尤其庞大，盲目加载完整字库会拖慢首屏；过度切分又可能产生许多请求和闪烁。

使用 颜色对比度检查器确认文字与背景可读性，再用 CSS Clamp 生成器设计响应式字号。字体选择、字号、行高、字重和对比度需要一起验收。

一套实际的字体验收流程

先保留原始字体和授权文件。上传字体，记录内部名称、版本、字形数和许可字段。输入项目中的真实标题、正文、数字和特殊字符，分别在浅色和深色背景、多个字号下预览。

检查字符覆盖与字形表，确认中文和符号没有回退。查看 OpenType 特性和可变轴，再生成 PNG 样张给设计、产品和品牌负责人确认。网页部署后，用网络面板检查格式、体积、缓存和加载时间，并在 Chrome、Safari、Firefox、Windows 与移动设备抽查。

总结

字体文件验收至少包括三件事：能否正确渲染、是否覆盖真实内容、有没有合法使用范围。TTF/OTF 适合保留源信息，WOFF/WOFF2 适合网页传输；内部名称和文件名要分别检查；metadata 是线索，许可文件才是依据。把预览、字形覆盖、性能和授权放在同一流程里，能少掉很多上线后的字体回退和版权麻烦。