Open files in VS Code and Cursor / Developer files

TTF to WOFF2 in VS Code

Open the font in Font Viewer and run Convert Font. It writes a WOFF2 (or WOFF) next to the TTF or OTF, offline, and it can also turn a WOFF2 back into an installable TTF/OTF. Viewing the font is free: type tester, glyphs, character map and the Info tab. Convert Font is a Zovo Pro tool with 3 free tries on your computer, then USD 19 once.

Free, MIT license. Extension ID zovo.font-viewer-vscode, version 0.2.2. Needs VS Code 1.90.0 or newer.

This guide is also in Français, Italiano, Português (Brasil), Polski, 简体中文.

Steps in VS Code

1. Install Font Viewer from the Marketplace, or press Ctrl+P (Cmd+P on macOS) and run ext install zovo.font-viewer-vscode.
2. Click the .ttf or .otf file in the Explorer. It opens in Font Viewer, which is read-only and never changes the font.
3. Open the Info tab and check the license and embedding rights before you put the font on a website.
4. Run Convert Font from the font tab's title bar, the Explorer right-click menu or the Command Palette (type Font Viewer).
5. Choose WOFF2 as the output. The new .woff2 file goes next to the source, and a TTC gives one file per face.
6. The first 3 runs are free. A try counts only when the files are written.
7. Right-click the font and pick Copy CSS @font-face to get a ready @font-face rule for your stylesheet.

Where Zovo Pro saves time

Opening TTF, OTF, WOFF, WOFF2 and TTC fonts is free: the type tester with variable axes and OpenType features, the glyph grid, the character map, the Info tab with the license, and Copy CSS @font-face. The conversion itself is the Pro tool Convert Font.

Convert Font takes one font or a whole folder, so a full web font set is done in one run. The second Pro tool, Font Folder Report, writes one fonts.css with an @font-face rule for each font (WOFF2 first), or a CSV or Markdown table with family, weight, license and embedding rights.

With Convert Font (Zovo Pro)

8. Run Convert Font from the Command Palette (type Font Viewer) and pick a whole folder instead of one font.
9. Choose WOFF2. Each new file is written next to its source.
10. To go the other way, run it on WOFF2 files and pick the installable TTF/OTF output.
11. Run Font Folder Report on the folder and pick fonts.css to get one @font-face rule per font, WOFF2 first.

Convert Font works 3 times on your computer before it asks for a license, and a try counts only when you get a result. Opening a file shows no popup and no countdown.

Zovo Pro costs USD 19 once. It is not a subscription, and it turns on the Pro tools in every Zovo extension, not only Font Viewer. After a card payment (Stripe) your license key shows on the next page. In VS Code, run "Zovo Pro: Enter Zovo Pro license key" from the Command Palette and paste it. The key is checked on your computer, with no network call. With GitHub Sponsors, pick the "$19 one time" tier, then run "Zovo Pro: I already paid: unlock with GitHub Sponsors" and sign in with the same GitHub account. With PayPal, send USD 19 with "Zovo Pro" in the note and the key comes by email within a day.

A team of 5: USD 59 once, by card or by PayPal. Every rule and every Pro tool is on the Zovo Pro page.

Steps in Cursor, Windsurf or VSCodium

1. Open the Extensions view with Ctrl+Shift+X (Cmd+Shift+X on macOS).
2. Search for zovo.font-viewer-vscode and click Install. Cursor, Windsurf and VSCodium install from Open VSX, where it is published as zovo/font-viewer-vscode.
3. If your editor has no gallery, download the .vsix from the Open VSX page and run "Extensions: Install from VSIX...".
4. Then use it the same way as in VS Code.

What Font Viewer handles

• TTF or OTF to WOFF2 or WOFF, for a website.
• WOFF2 back to an installable TTF/OTF, for the "woff2 to ttf" case.
• One font or a whole folder. A TTC gives one file per face.
• Table data is copied as it is, so outlines, hinting, variable axes and features do not change.
• A WOFF2 here is about 45 percent of the TTF size (JetBrains Mono variable: 96,940 to 43,632 bytes).
• Works offline with no network calls and no telemetry. Font files are read and written on your computer only.

What it does not do

• It does not subset fonts or rewrite glyph data. Tools that also rewrite the glyph data get a few percent smaller.
• WOFF2 collections, SVG fonts, .dfont and Type 1 fonts aren't supported.
• Fonts above fontViewer.maxFileMB (64 MB by default) show a message instead of opening.
• It runs inside VS Code, not in a build script. For CI, use woff2_compress or fontTools.

Other options

• Google woff2 (woff2_compress). The reference encoder from Google. woff2_compress font.ttf writes font.woff2, and woff2_decompress goes back to TTF. The better choice for a build script or CI.
• fontTools (pyftsubset). Python library and command-line tools. pyftsubset with its WOFF2 flavor option subsets and compresses a font in one step, which gives smaller files when you need only part of the character set. WOFF2 output needs the brotli module.
• ttf2woff2 (npm). A Node.js package and command for TTF to WOFF2. Useful when your build already runs on npm scripts.
• In-browser converters. Some web pages convert the font in your browser with WebAssembly, so the file stays on your machine. Check that the page says so before you drop a licensed font on it.
• Online upload converters. Many converter sites upload the font to their server and send back the result. Some say they delete files after 24 hours. Avoid them for licensed or unreleased fonts.

Install counts and Open VSX status were checked on 10 November 2026. Descriptions in quotes are the extensions' own.

Questions

More about Font Viewer

Read the Font Viewer page for every feature and setting, or the source code on GitHub.

Related guides

• Font Viewer, TTF & WOFF Viewer on the VS Code Marketplace (also on Open VSX). Previews TTF, OTF and WOFF fonts in VS Code.
• Preview a font file in VS Code
• Test a variable font and its OpenType features
• Read a HAR file offline in VS Code
• Read your Claude Code history in VS Code