WebFont - 概览

WebFont 是本地 macOS 工具，支持文字转 SVG、SVG 字体构建、字体转换、子集生成、字形导出和网页字体包输出。

WebFont 面向实际的网页字体制作工作。它可以将文字转换为 SVG 轮廓，用已转为轮廓的 SVG 图形构建图标字体，编辑基于 TrueType 的静态源字体，生成子集，转换字体格式，并打包可直接用于浏览器的输出。

核心功能

• 文字转 SVG：使用已加载的字体，将单词、短语和多行文字转换为 SVG 轮廓路径。
• 字体构建器：用已转为轮廓的 SVG 字形图形创建图标字体和网页字体。
• 源字体编辑：向基于 TrueType 的静态源字体添加 SVG 字形，或替换现有 Unicode 字形。
• 预检：报告 Unicode 冲突、重复字形名称、空路径、异常 SVG 尺寸、度量问题、不支持的 SVG 特性和过于复杂的字形。
• 项目文件：保存并重新打开 .webfontproject 项目包，其中包含嵌入的源字体数据、SVG 字形、构建设置、输出选项和替换目标。
• 字体转换：在单文件或批量流程中转换 TTF、OTF、WOFF 和 WOFF2。
• 子集生成：生成更小的 TrueType 轮廓子集，输出为 TTF、WOFF 和 WOFF2。
• 网页字体包输出：生成 fonts/、包含 @font-face 和 unicode-range 的 CSS、demo.html 和元数据。
• 字形素材导出：将选定字形导出为 SVG、PNG 和 PDF。

处理方式

• 在 Mac 上本地处理。
• 无需登录账号。
• 无需云端转换。
• WebFont 仅向你选择的位置写入输出。

当前限制

• Font Builder 的 SVG 输入应为已转为轮廓的静态图形，不能包含可编辑文字、位图、滤镜、蒙版、脚本、动画或外部资源。
• Font Builder 的源字体编辑支持基于 TrueType 的静态字体。
• 每次只能为一个已加载的源字体生成子集。
• 子集输出目前支持 TrueType 轮廓字体。
• 已加载字体提供字重轴时，文字转 SVG 可以使用可变字重，但不会创建新的可变字体。

键盘快捷键

• 多选不相邻字形：Command + Click
• 范围选择：Shift + Click
• 预览选定字形：Space
• 选择全部字形：Command + A
• 从当前数据集中移除选定字形：Delete