TTF to WOFF2 Converter

A TrueType file is made for installing on a computer, where size hardly matters. On a website every font file has to be downloaded before the text can appear in that typeface, often several files for the regular, bold and italic styles. WOFF2 holds exactly the same font in far fewer bytes, which shortens that wait on every page a visitor opens.

The format was designed for this. It wraps the TrueType or OpenType data in a container that browsers unpack, compresses it with Brotli and reorganizes some tables first so they compress better. Nothing about the typeface changes: the letters, spacing, kerning and ligatures are identical once the browser has unpacked the file.

All current browsers support WOFF2, so for most sites it is the only font format you need to serve. The list above shows the other formats the Font Converter reads and writes, including older WOFF and EOT for legacy cases.

A web font needs two things: the font file on your server and a CSS rule that tells the browser where to find it. This page includes the second part. With Include @font-face CSS switched on, you get a small .css file next to the fonts, with one rule for each weight and style, ready to paste into your stylesheet. A rule looks like the line below; the converter fills in your font's real family name, weight and file name.

The font-display: swap part tells the browser to show text in a fallback font straight away and switch when the web font has loaded, so visitors never stare at blank space while the file downloads.

Upload the fonts and the stylesheet together, keep the file names unchanged, and the rule works as written. If your site uses a build tool or a content system with its own asset folder, place the .woff2 files there and adjust the url() paths to match.

Many fonts contain thousands of characters for languages your site never shows. Under Keep characters you can limit a font to Basic Latin for English, Latin with accents for European languages, or Cyrillic, Greek or Vietnamese. For a logo or a headline font, Only characters I type keeps just the letters you paste in, which can make the file tiny. Keep ligatures & kerning stays on so the remaining characters still join and space correctly.

Hinting is the other lever. Hints help small text on some Windows screens, but they take space, and many sites remove them from display fonts used only at large sizes. Test the result on a Windows machine if body text uses the font.

If you start from an .otf rather than a .ttf, it converts to WOFF2 here just as well; to make an installable TrueType copy instead, use OTF to TTF. Up to 20 fonts fit in one batch, and every file is deleted from the server 30 minutes after it is ready.

Serving fonts from your own server, rather than from a third-party font service, keeps every request on your domain and lets you decide exactly which files load. It also means the fonts keep working if an outside service changes its terms or goes offline. The trade-off is that you are responsible for converting and updating the files, which is what this page makes simple.

Load only what the design uses. Each weight and style is a separate download, so a site that needs regular and bold should not ship light, medium and black as well. Preloading the one font used for body text, with a link element in the page head, helps it arrive early; the others can load as they are needed.

Keep the original TTF files somewhere safe. If you later need a different subset or want to add a language, convert again from the full TTF rather than from a WOFF2 that has already been trimmed.