跳转到内容

WebFont/macOS 应用

专注于字体工作流
导出字形、创建子集,快速生成适用于 Web 的字体

WebFont 是一款 macOS 应用,专注于将字体字形导出为 SVG,并在数秒内创建字体子集。


工作流程

用 SVG 构建字体,用文字生成子集。

WebFont 将文字轮廓导出、SVG 字体构建、源字体替换、子集、转换、验证和网页字体包生成整合到本地 macOS 流程中。

创建文字与字形图形

将单词、短语和多行文字转为 SVG 轮廓,或准备轮廓 SVG 图形来构建图标及网页字体。

构建或编辑字体

用 SVG 字形创建字体,或导入静态 TrueType 源字体以添加和替换 Unicode 字形。

检查并发布输出

执行预检并验证字体,然后导出 TTF、WOFF、WOFF2、CSS、演示 HTML、元数据或字形素材。


功能

当前应用支持的功能

文字转 SVG 轮廓

使用已加载字体将文字转为便于移用的 SVG 路径,可控制字号、可变字重、字距、行高、换行宽度、对齐、内边距、填充色和后备字体。

单词与句子
可变字重
复制或保存 SVG
字体构建器

用轮廓 SVG 构建图标与网页字体,分配 Unicode 值和字形名称,再导出 TTF、WOFF、WOFF2、CSS、演示 HTML 和元数据。

SVG 字形
图标字体
网页字体
源字体编辑

导入静态 TrueType 源字体,添加 SVG 字形或替换现有 Unicode 字形,并保持替换字形 ID 稳定。

添加字形
替换 Unicode 字形
稳定的字形 ID
预检

导出前报告 Unicode 冲突、重复字形名称、空路径、异常 SVG 尺寸、度量问题、不支持的 SVG 特性和过于复杂的图形。

红黄绿状态
SVG 检查
字体度量
项目文件与模板

保存含源字体数据、SVG 字形、构建设置、输出选项和替换目标的 .webfontproject。绘图前可导出带参考线的 SVG 模板。

.webfontproject
嵌入字体数据
SVG 模板
子集生成

根据选中字形、粘贴文字、导入的 .txt,或通用、日语、韩语 Unicode 预设,生成更小的 TrueType 轮廓字体子集。

文字输入
Unicode 预设
TTF WOFF WOFF2
格式转换

单文件或批量转换 TTF、OTF、WOFF、WOFF2,WOFF2 编解码由 Google WOFF2 支持。

TTF OTF WOFF WOFF2
批量队列
本地处理
网页字体包与验证

生成 fonts/、含 unicode-range 的 @font-face CSS、demo.html、metadata.json、字形预览和 HTML 片段,并检查解析有效性、字体表、cmap 覆盖、重复 Unicode 映射和 WOFF/WOFF2 往返转换。

CSS 与演示 HTML
metadata.json
往返转换检查

适用场景

实际字体制作工作

图标字体制作

用轮廓 SVG 符号构建图标字体、映射 Unicode、执行预检,并导出浏览器可用的字体包。

文字图形与字形设计

将单词、短语和多行文案转为真实字体轮廓,用于标志、文档、交付、海报和 SVG 设计素材。

网页字体优化

根据字形或文字生成子集,保留必要 OpenType 特性,仅发布产品需要的网页字体格式。

字体发布检查

验证生成的 TTF、WOFF、WOFF2,检查 cmap 覆盖和警告,并在发布前查看演示页。


支持范围

明确规则,安心输出

WebFont 明确报告行为,不悄悄修改内容。遇到不支持的 SVG 或字体特性会提示,让你在发布字体前修复图形。

  • 字体构建器要求静态轮廓 SVG,不接受可编辑文字、位图、滤镜、蒙版、脚本、动画或外部资源。
  • 源字体编辑支持静态 TrueType 字体。
  • 每次为一个已加载源字体生成子集,输出支持 TrueType 轮廓。
  • 文字转 SVG 使用已加载字体,可禁用后备字体以保持轮廓忠实于原字体。
  • 所有处理都在 Mac 本地进行,应用不会上传字体文件。