使用方法

文字轮廓、SVG 字体构建、源字体编辑、子集、转换和网页字体打包的实用流程。

1. 导入字体

• 将字体文件拖放到主窗口。
• 或使用 File -> Import Font File（文件 → 导入字体文件）。
• 字形浏览导入支持：ttf / woff / woff2。
• 每次新导入都会替换当前会话数据（一个会话内不合并多个字体）。

2. 浏览和筛选字形

• 使用左侧栏按 Unicode 区块筛选（基本拉丁文、中日韩、表情符号等）。
• 使用搜索按字形名称或 Unicode 文字筛选。
• 选择快捷键：
  • Command + Click：多选不相邻项目
  • Shift + Click：范围选择
  • Command + A：全选
  • Delete：从当前数据集中移除选定字形
  • Space：预览选定字形

3. 检查元数据

右侧检查器有三个选项卡：

• Font：字体元数据、OpenType 布局/文字系统/特性摘要、可变字体检测。
• Selection：字形级数据，例如 Unicode、HTML 实体、CSS/Swift 表示法、UTF 编码和度量。
• Export：字形素材导出、文字转 SVG、子集生成和网页字体包流程。

4. 将文字转换为 SVG 轮廓

加载字体后，从 Export 选项卡打开 Text to SVG。

• 输入单词、短语或多行文字。
• 调整字号、可用时的可变字重、字间距、行高、换行宽度、对齐、内边距和填充颜色。
• 如果希望 SVG 忠实于已加载的字体，请保持后备字体禁用。
• 将 SVG 复制到剪贴板，或保存为独立的 .svg 文件。
• 导出的 SVG 包含轮廓，因此使用 SVG 的地方无需安装该字体。

5. 用 SVG 图形构建字体

从应用菜单打开 Font Builder。

• 拖入已转为轮廓的 SVG 文件来创建新字体。
• 分配字形名称和 Unicode 值。
• 如果要添加字形或替换现有 Unicode 字形，导入基于 TrueType 的静态源字体。
• 使用 Browse Glyphs 从源字体中选择替换目标。
• 绘图前下载包含基线和边界参考线的 SVG 模板。
• 导出之前运行 Preflight Check。
• 导出 TTF、WOFF、WOFF2、CSS、演示 HTML、元数据或完整网页字体包。

Font Builder 要求已转为轮廓的静态 SVG 图形。导入前请将文字转为轮廓。可编辑 SVG 文字、位图、蒙版、滤镜、裁剪、脚本、动画和外部资源会被拒绝，而不是被悄悄修改。

6. 保存并重新打开字体构建项目

需要稍后继续 Font Builder 工作时，使用 .webfontproject。

• 项目文件保存 SVG 字形、构建设置、输出选项和替换目标；使用源字体时，也会保存嵌入的源字体数据。
• 打开项目会从项目包恢复字形集合和源字体数据。
• 如果配置过替换目标，它们会从保存的源字体数据恢复。

7. 导出字形素材（SVG / PNG / PDF）

• 支持单个字形和多选批量导出。
• 导出对话框包含尺寸和颜色控件。
• 输出文件名由字形名称加尺寸后缀组成。

8. 生成字体子集

来源模式

• Current Selection：直接使用选定字形。
• Text Input：粘贴文字或导入 .txt，然后匹配已加载字体中的可用字符。

输出格式

• 可以任意组合选择 WOFF2、WOFF 和 TTF。

OpenType 控制

• 布局策略：
  • 保留全部布局特性
  • 仅保留必要的定位信息
  • 移除全部布局表
• 特性标签筛选：
  • 仅保留选定标签
  • 移除选定标签
  • 或禁用筛选，保留全部可用标签

验证与预览

• Subset Preview 显示字形数量、预估文件大小和缺失字符数。
• 写入文件之前执行验证（解码检查、必需表、cmap 覆盖范围及相关警告/错误）。

9. 生成网页字体包

Generate Web Package 会创建：

• 含 WOFF2 + WOFF 的 fonts/
• 包含 @font-face 和 unicode-range 的 CSS 文件
• 用于预览和字符映射参考的 demo.html

Font Builder 也有自己的网页字体包导出功能，可生成图标字体类包，包含 CSS、演示 HTML、元数据、字形预览和 HTML 片段。

10. 转换字体格式

• Single Font Conversion...：转换单个文件。
• Batch Font Conversion...：基于队列的批量转换。
• 转换输入支持：ttf / otf / woff / woff2。
• 转换目标支持：WOFF / WOFF2 / TTF/OTF (Auto)。

11. 当前限制

• 每次只能为一个源字体生成子集。
• 子集输出目前仅支持 TrueType 轮廓字体。
• Font Builder 的源字体编辑支持基于 TrueType 的静态字体。
• Font Builder 的 SVG 输入必须是已转为轮廓的静态图形。
• 已加载字体提供可变字重轴时，文字转 SVG 可以用它导出 SVG 轮廓。