在 VS Code 中把 TTF 转成 WOFF2

安装 Font Viewer (TTF, OTF and WOFF viewer)。它能打开 .ttf、.otf、.woff、.woff2、.ttc 和 .otc 字体，提供字体测试（Type tester）、字形网格、字符表，以及显示许可证的 Info 标签页，这些都免费。Zovo Pro 工具 Convert Font 会在 TTF 或 OTF 旁边写出 WOFF2（或 WOFF）文件，也能把 WOFF2 还原成可安装的 TTF/OTF。Convert Font 和 Font Folder Report 各可免费试用 3 次，之后 Zovo Pro 一次性 19 美元。

在 VS Code 中安装 Marketplace 页面 Open VSX (Cursor, Windsurf, VSCodium)

免费，MIT 许可证。扩展 ID zovo.font-viewer-vscode，版本 0.2.2。

其他语言版本 English · Français · Italiano · Português (Brasil) · Polski

Font Viewer 中 Zovo Test Sans Regular 的 Info 标签页，显示许可证、设计者和嵌入权限，旁边的 Explorer 里有 TTF、OTF、WOFF 和 WOFF2 文件.

在 VS Code 中的步骤

从 Marketplace 安装 Font Viewer，或者按 Ctrl+P（macOS 上按 Cmd+P）后运行 ext install zovo.font-viewer-vscode。
在 Explorer 中点击 .ttf 或 .otf 文件，它会在 Font Viewer 中打开。Font Viewer 是只读的，不会修改字体。如果打开的是别的编辑器，右键点击文件，选择 “Open in Font Viewer”。
在 Type tester 标签页输入示例文字，拖动字号滑块，调整可变字体的轴滑块，并打开或关闭 OpenType 特性。
在网站上使用字体之前，打开 Info 标签页查看许可证、设计者和嵌入权限。
在 Type tester 中点击 Copy CSS 获取 @font-face 规则，或者在 Explorer 中右键点击字体文件，选择 “Copy CSS @font-face”。
要生成 WOFF2 文件，运行 Convert Font（Zovo Pro 工具，见下文）。

哪些免费，Zovo Pro 增加什么

打开 TTF、OTF、WOFF、WOFF2、TTC 和 OTC 字体，带可变轴和 OpenType 特性的 Type tester，字形网格，字符表，显示许可证的 Info 标签页，以及 Copy CSS @font-face，这些都免费。

Convert Font 把 TTF 或 OTF 转成网站用的 WOFF2 或 WOFF，也能把 WOFF2 转回可安装的 TTF/OTF。它可以处理单个字体或整个文件夹，新文件写在源文件旁边，TTC 中的每个字体各生成一个文件。表数据原样复制，所以轮廓、hinting、可变轴和特性都不会变。

使用 Convert Font（Zovo Pro）

点击字体标签页标题栏里的 Convert Font 按钮，或者在 Explorer 中右键点击字体文件或文件夹，选择 “Convert Font to WOFF2, WOFF or TTF… (Pro)”。
也可以从 Command Palette 运行 “Font Viewer: Convert Font to WOFF2, WOFF or TTF… (Pro)”，然后选择字体或文件夹。
选择 WOFF2。新的 .woff2 文件写在源文件旁边，源文件保持不变。
只有文件写出后才算一次试用。

Convert Font 在你的电脑上可以免费用 3 次，之后才需要许可证。没有弹窗，也没有倒计时。

用银行卡付款，一次性 19 美元 GitHub Sponsors PayPal

Zovo Pro 一次性付费 19 美元，不是订阅。许可证会启用所有 Zovo 扩展里的 Pro 工具，不只是 Font Viewer。用银行卡（Stripe）付款后，许可证密钥会显示在下一个页面上。在 VS Code 的 Command Palette 里运行 “Zovo Pro: Enter Zovo Pro license key”，粘贴密钥即可。密钥在你的电脑上本地校验，不联网。通过 GitHub Sponsors 付款时，选择 "$19 one time" 档位，然后运行 “Zovo Pro: I already paid: unlock with GitHub Sponsors”。

5 人团队一次性付费 59 美元（用银行卡付款）。全部规则和 Pro 工具见 Zovo Pro 页面（英文）。

在 Cursor、Windsurf 或 VSCodium 中的步骤

按 Ctrl+Shift+X（macOS 上按 Cmd+Shift+X）打开 Extensions 视图。
搜索 zovo.font-viewer-vscode，点击 Install。Cursor、Windsurf 和 VSCodium 从 Open VSX 安装扩展，这个扩展在那里的名称是 zovo/font-viewer-vscode。
如果编辑器没有扩展商店，就在 Open VSX 页面下载 .vsix 文件，然后运行 “Extensions: Install from VSIX...”。
之后的用法和 VS Code 里一样。

Font Viewer 能做什么

TrueType .ttf（包括可变字体）和使用 CFF 轮廓的 OpenType .otf。
WOFF .woff 和 WOFF2 .woff2 字体。
字体集合 .ttc 和 .otc，可在顶部的列表中选择其中的字体。
每个字形及其名称和码位，可以按名称、字符、U+20AC 或字形 ID 搜索，并把轮廓复制为 SVG。
Unicode 区块覆盖情况、完整的 name 表、度量值、可变轴，以及 GSUB 和 GPOS 特性标签。

它做不到的事

不支持 WOFF2 字体集合、SVG 字体、.dfont 和 Type 1 字体。
超过 64 MB 的文件（设置项 fontViewer.maxFileMB）只显示提示，不会打开。
字形轮廓显示的是可变字体的默认实例；Type tester、waterfall 和字符表会跟随轴滑块变化。
彩色字体在 Type tester 和字符表中以彩色显示，但字形网格只显示普通轮廓。CFF2 可变字体在字形网格中直接用字体渲染，而不是根据轮廓绘制。
Convert Font 原样复制表数据。会重写字形数据的工具生成的 WOFF2 文件会再小几个百分点。

常见问题

它免费吗？

查看字体免费，包括 Type tester、字形、字符表、Info 标签页和 Copy CSS @font-face。Convert Font 和 Font Folder Report 是 Pro 工具，各可免费试用 3 次，之后需要 Zovo Pro，一次性付费，适用于所有 Zovo 扩展。

WOFF2 能小多少？

在 README 的测试中，WOFF2 大约是 TTF 大小的 45%（JetBrains Mono 可变字体从 96,940 字节降到 43,632 字节）。

转换会改变字体吗？

不会。表数据原样复制，轮廓、hinting、可变轴和特性都保持不变，源文件也不会被修改。

字体会被上传吗？

不会。Font Viewer 离线工作，不发网络请求，也不发送遥测数据。