Convert TTF to WOFF

What is WOFF?

WOFF stands for Web Open Font Format. It is a font wrapper made for @font-face on the web. Inside is a TrueType or OpenType font with each table compressed and some metadata added. That makes it download faster than a raw .ttf.

How to convert TTF to WOFF

Drop one or more .ttf or .otf fonts above and press Convert all. The tool reads each font's table directory, compresses every table with zlib and builds a valid WOFF 1.0 file. A table that doesn't shrink is stored as it is, which the WOFF spec allows. The glyphs themselves are untouched. Download the .woff files and point a @font-face rule at them.

Why convert TTF to WOFF?

Every browser in use today supports WOFF 1.0, so it is a safe choice for web fonts. A WOFF file is often about half the size of the raw TTF and is clearly meant for the web, which also keeps desktop users from installing it by accident.

WOFF vs WOFF2

WOFF2 uses Brotli and a smarter encoding of glyph outlines, so it makes even smaller files, typically about a third smaller than WOFF. Every current browser supports WOFF2, so make it your first choice with TTF to WOFF2 and keep WOFF as a fallback for very old browsers or tools that only read WOFF.

Before you start

Input: TTF and OTF. Output: WOFF. The settings appear before anything runs, so you can check them first. Your original file is never changed.

Archives and fonts can hold many files or complex tables. Look over the file names you get. Don't open programs you didn't expect, and keep the source until you have checked the output.

Keep the original until you have opened and checked the result. The work happens in this browser tab, so the size you can handle depends on your device's memory, your browser and the file itself.

Steps to convert TTF to WOFF

1. Drop a .ttf or .otf file into the box above.
2. Press Convert to build the WOFF in your browser.
3. Download the .woff file.
4. Point to it from a @font-face rule in your CSS.