WebFont/macOS 应用
专注于字体工作流
用 SVG 构建字体，生成子集与格式转换，交付可用于 Web 的字体
WebFont 是一款本地 macOS 应用，支持文字转 SVG、用 SVG 图形构建图标与彩色字体、字体子集化、格式转换和网页字体包生成。
用 SVG 构建字体，用文字生成子集。
WebFont 将文字轮廓导出、SVG 字体构建、源字体替换、子集、转换、验证和网页字体包生成整合到本地 macOS 流程中。
创建文字与字形图形
将单词、短语和多行文字转为 SVG 轮廓，可调整全部可用可变轴；也可准备轮廓 SVG 图形来构建图标及网页字体。受支持的彩色字形会保留原有颜色。
构建或编辑字体
用 SVG 字形构建单色或彩色字体。可将受支持的彩色字形作为素材重新构建，或编辑符合要求的静态、非彩色 TrueType 源字体。
检查并发布输出
执行预检并验证字体，然后导出 TTF、WOFF、WOFF2、字形素材，或包含 CSS、演示 HTML 和元数据的网页字体包。
当前应用支持的功能
文字转 SVG 轮廓
将文字转换为 SVG 轮廓，可调整字号、全部可用可变轴、间距、换行、对齐和后备字体。受支持的矢量彩色字形保留原有颜色，位图彩色字形以内嵌 PNG 保留，单色图形使用选定的填充色。文字转 SVG 不导出静态字体实例。
字体构建器
用静态 SVG 素材构建单色或彩色字体。彩色模式通过 COLR/CPAL 保留受支持的填充、描边、线性／径向渐变和透明度，并为支持的渐变／效果字形提供 SVG 回退。可添加适用于浅色或深色背景的调色板，导出 TTF、WOFF、WOFF2 或网页字体包。
源字体编辑
保留源字体结构的添加／替换字形，仅支持符合要求的静态、非彩色 TrueType 字体。另外可将受支持的 COLR/SVG 字形作为矢量素材导入，重新构建字体；不支持的彩色效果或位图导入可能回退为单色轮廓，并显示提示。
预检
导出前报告 Unicode 冲突、重复字形名称、空路径、异常 SVG 尺寸、度量问题、不支持的 SVG 特性和过于复杂的图形。
项目文件与模板
保存含源字体数据、SVG 字形、构建设置、输出选项和替换目标的 .webfontproject。绘图前可导出带参考线的 SVG 模板。
子集生成
可从所选字形、粘贴文本、.txt 文件或 Unicode 预设生成子集。支持 TTF、OTF/CFF/CFF2、WOFF、WOFF2 及选定的 TTC/OTC 字体，包含可变字体和彩色字体。可导出保留原轮廓的 TTF/OTF、WOFF 和 WOFF2，或在 Export 面板中烘焙静态实例。
Web 字体转换
封装／解封装 WOFF/WOFF2 时保留原轮廓、可变轴和彩色数据。明确选择 TTF/OTF 轮廓目标，可转换受支持的静态 TrueType ↔ CFF、可变 TrueType（glyf/gvar）↔ CFF2，并保留受支持的 COLR v0/v1、OpenType-SVG 彩色数据。具体限制见下方兼容表。
网页字体包与验证
导出字体文件、@font-face CSS 和演示 HTML；Font Builder 的网页字体包还会包含 metadata.json、字形预览和 HTML 片段。彩色演示页在支持时提供调色板控件，静态实例导出会写入匹配的 font-weight/stretch/style CSS。输出字体会进行验证，Web 格式还会解码复查；颜色效果能否显示取决于目标浏览器或软件。
彩色字形预览与导出
在 macOS 支持对应格式时预览原始颜色，CBDT PNG 字形另有内置位图读取器。可导出 PNG/PDF，受支持的 COLR/SVG 图形可导出矢量 SVG；位图字形或无法用 SVG 准确表达的效果会导出为 SVG 内嵌 PNG。
字形素材导出
浏览字形网格，将单个字形或多选字形导出为 SVG、PNG 或 PDF。导出可设置尺寸和前景色；受支持的彩色字形会保留颜色。可变字体实例设置不会影响字形素材导出。
实际字体制作工作
图标字体制作
用轮廓 SVG 符号构建图标字体、映射 Unicode、执行预检，并导出浏览器可用的字体包。
文字图形与字形设计
将单词、短语和多行文案转为真实字体轮廓，用于标志、文档、交付、海报和 SVG 设计素材。
网页字体优化
根据字形或文字生成子集，保留必要 OpenType 特性，仅发布产品需要的网页字体格式。
字体发布检查
验证生成的 TTF、OTF、WOFF 和 WOFF2，查看字符覆盖与警告，并在发布前检查演示页面。
明确规则，安心输出
WebFont 明确报告行为，不悄悄修改内容。遇到不支持的 SVG 或字体特性会提示，让你在发布字体前修复图形。
- 字体构建器要求静态轮廓 SVG，不支持实时文本、位图图片、蒙版、滤镜、脚本、动画和外部资源；彩色模式也会拒绝图案填充和不支持的混合效果。
- 保留现有字体结构的源字体编辑，仅支持符合要求的静态、非彩色 TrueType 字体。导入彩色字形素材并重建新字体是另一个流程。
- 每次对一个源字体或选定的 TTC/OTC 成员生成子集，保留原始轮廓、可变轴及受支持的彩色资源。
- 文字转 SVG 会保留受支持的矢量彩色字形，位图彩色字形以内嵌 PNG 保留；填充色只作用于单色图形。可变轴控件只改变输出图形，不会生成静态字体文件。
- 所有处理都在 Mac 本地进行，应用不会上传字体文件。
- 轮廓转换保留字形 ID，以及受支持的 COLR v0/v1、CPAL、OpenType-SVG 数据；符合要求的可变字体保留全部可变轴。转换会移除原始 hinting，曲线近似可能改变显示效果和文件大小；位图及不兼容的布局／可变数据会被拒绝并说明原因。
- 彩色显示依赖绘制程序的支持。受支持的 COLR/SVG 字形导出为矢量 SVG；位图字形或无法准确表达的效果使用内嵌 PNG。保留数据不代表所有软件都能正确显示。
- 主界面字形网格以默认实例预览可变字体，并识别可变轴。Export 面板提供“保留全部轴”和“静态实例”两种模式：前者导出可变字体，后者将当前轴值烘焙进字体子集和 Web Package 输出；未列出的轴固定为默认值，字体内部的名称及字重／样式元数据不会被改写。
TTF、OTF 与 Web 字体格式转换规则
WOFF/WOFF2 封装改变容器，不改变轮廓类型。TTF/OTF (original outlines) 将 TrueType 还原为 .ttf，将 CFF/CFF2 还原为 .otf。明确的轮廓目标支持静态 TrueType ↔ CFF，以及符合要求的可变 TrueType ↔ CFF2；轮廓类型已匹配时原样输出。单文件和批量转换都会展示具体失败原因；批量会继续队列并汇总成功／失败数量。损坏的数据或格式限制仍可能导致转换失败。
| 输入格式 | 目标选项 | 实际输出 | 转换状态 | 轮廓类型与转换机制 |
|---|---|---|---|---|
| TTF | WOFF / WOFF2 | .woff / .woff2 | 支持 | 封装为网页字体。保留 TrueType 轮廓类型、可变轴和彩色数据。 |
| OTF (CFF/CFF2) | WOFF / WOFF2 | .woff / .woff2 | 支持 | 封装为网页字体。保留 CFF/CFF2 轮廓类型、可变轴和彩色数据。 |
| WOFF / WOFF2 | TTF/OTF (original outlines) | .ttf | 支持 | 将 TrueType 轮廓还原为 .ttf。不改变轮廓类型，并保留可变轴和彩色数据。 |
| WOFF / WOFF2 | TTF/OTF (original outlines) | .otf | 支持 | 将 CFF/CFF2 轮廓还原为 .otf。不改变轮廓类型，并保留可变轴和彩色数据。 |
| 静态 TTF | OTF (PostScript outlines) | .otf | 支持（静态字体） | 静态 TrueType 转为 CFF，包括 COLR v0/v1 和 OpenType-SVG。保留字形 ID、颜色图层、渐变和调色板。二次曲线升阶为三次曲线，并移除 hinting。 |
| 静态 OTF (CFF) | TTF (TrueType outlines) | .ttf | 支持（静态字体） | 静态 CFF 转为 TrueType，包括 COLR v0/v1 和 OpenType-SVG。保留字形 ID、颜色图层、渐变和调色板。以二次曲线逼近三次曲线，并移除 hinting。 |
| 可变 TrueType ↔ CFF2 | TTF / OTF | .ttf / .otf | 有条件支持 | 保留全部可变轴和受支持的彩色数据；轮廓转换本身不固定轴值。如需导出固定轴值的文件，请在 Export 面板选择“静态实例”，再生成字体子集或网页字体包。要求 1–16 个轴、最多 48 个轮廓变化区域、兼容的主实例轮廓及可求解的变化数据；还需通过验证、大小与坐标范围检查。转换后的 CFF2 文件可能显著增大。 |
| 位图彩色（sbix/CBDT/EBDT） | 轮廓互转 | — | 不支持 | 不会把位图图像变成矢量轮廓。请用保留原始轮廓的导出或网页封装来保留位图。 |
| TTC / OTC | 单文件 / 批量转换 | — | 不支持 | 请在主界面选择集合中的一个字体，再生成子集。 |
| 不支持的可变数据 | 改变轮廓类型 | — | 不支持 | VARC 轮廓、带可变轴的 CFF1、缺少 fvar 的 CFF2、主实例轮廓不兼容、变化区域无法求解或超出转换限制时，不能改变轮廓类型。可在支持时保留原轮廓导出或进行 Web 封装。 |
| 不兼容的布局数据 | 改变轮廓类型 | — | 不支持 | 部分旧式 AAT 表及引用原轮廓点编号的布局数据无法安全转换，会展示具体原因。 |