What is WOFF2 and why use it?

WOFF2 is the web-font format that wraps a TrueType or OpenType font and compresses it with Brotli, typically 30 percent smaller than WOFF and far smaller than raw TTF. Smaller font files mean faster page loads and less bandwidth.

Is my font sent to a server?

No. The font is read with FileReader and compressed using the browser's built-in CompressionStream. Everything happens on your device; nothing is transmitted.

Will I always get a WOFF2 file?

WOFF2 requires Brotli compression. Where the browser exposes Brotli to CompressionStream the output is true WOFF2; otherwise the tool produces a valid WOFF (v1) file using Deflate, which every browser supports, and tells you which it made.

Does the converted font keep all glyphs and features?

Yes. Compression is lossless: every glyph, kerning pair, and OpenType layout table in the source SFNT is preserved exactly inside the web-font container.

How do I use the file on my site?

Reference it in a @font-face rule, e.g. src: url('myfont.woff2') format('woff2'); or url('myfont.woff') format('woff');. Serve it with a long cache header and the matching MIME type.

TTF to WOFF2 Converter

To ship a custom font on the web you want it small. A raw .ttf can be hundreds of kilobytes; wrapping it in a compressed web-font container cuts that dramatically. This converter reads a TrueType or OpenType file in your browser, compresses its tables, and packs them into a web-deliverable font, reporting exactly how many bytes you saved.

How it works

An SFNT font (TTF/OTF) is an offset table plus a directory of named tables (glyf, cmap, name, and so on). A web-font container keeps that same table structure but compresses each table’s bytes.

The tool reads the source offset table, walks its directory, and for each table compresses the data with the browser’s native CompressionStream. It then writes the web-font header — signature, flavour (the original SFNT version), table count, and total size — followed by a directory whose entries record each table’s compressed offset, compressed length, and original length, then the compressed table blocks themselves with 4-byte alignment.

WOFF2 specifically requires Brotli for that compression. When the browser exposes Brotli through CompressionStream, the output is true WOFF2. When it does not, the tool falls back to a valid WOFF (v1) file using Deflate — supported everywhere — and clearly labels which format it produced so your @font-face rule matches.

Notes and tips

Compression is lossless; the font renders identically once unwrapped by the browser.
Subset your font first (drop unused glyphs/scripts) for the biggest wins — compression helps, subsetting helps more.
Serve the file with a year-long cache header and the correct MIME type (font/woff2 or font/woff).
Always confirm the font’s licence permits web embedding before deploying it.