Free online font converter

Convert TTF to WOFF2 Online

Convert a TTF font to WOFF2 in your browser. Preview the font, compare file size, and download a ready-to-use CSS web font kit.

Font converter

Ready when you are.

Private by design · no file upload

1. Add your fonts

Up to 25 MB per file

Drop fonts here, or browse filesTTF, OTF, WOFF, WOFF2, and TTC collections · one file or a whole family

2. Choose an output format

3. Convert and download

Select a font to get started.

Advanced options· Subsetting, variable axes, line spacing and hinting, fallback fonts, font-display, snippets

Loading options…

CSS in the web font kitfont-displayAdd local() sourcesUses the font's full and PostScript names. Only helps visitors who have this exact font installed.Embed fonts in the CSS (base64)No separate font files. The CSS grows by about a third more than the fonts and can't be cached on its own.Font folderWhere the font files will live, relative to the CSS file.

CSS and code snippets

Add fonts to see the CSS.

Your CSS choices are saved in this browser.

How to convert TTF to WOFF2

Select or drop your TTF font above, or every weight of the family at once.
Type your own text into the preview. WOFF2 is already selected as the output format.
Convert, then download the WOFF2 file or the web font kit: fonts, @font-face CSS, and a sample page.

Put the WOFF2 on your site

Copy the fonts/ folder and style.css from the web font kit into your project and link the CSS, or paste its @font-face rules into your own stylesheet. The rules already carry the font’s family name, weight, and style, so bold and italic files map to the right CSS.

Preload the regular weight if it appears above the fold, keep font-display: swap so text shows at once, and use the kit’s fallback font CSS to stop the page jumping when the font arrives.

What changes when a TTF becomes WOFF2, and what stays

WOFF2 is a compressed wrapper, not a new font. The glyf and loca tables, which hold the TrueType outlines, are stored in a compact transformed form, and everything is then compressed with Brotli. When a browser opens the file, it gets back the same TrueType font.

So the letter shapes are not redrawn. TrueType hinting, kerning, OpenType features such as ligatures and small caps, the names, the license text, and the axes of a variable TTF all come through unchanged. Only the packaging differs, which is why WOFF2 is meant for websites, while the TTF stays the file to install on a computer.

How much smaller a TTF gets

In our tests on common system fonts, WOFF2 came out 51–70% smaller than the TTF: Arial 755 KB → 317 KB, Georgia 371 KB → 112 KB, Verdana 182 KB → 81 KB. That is roughly a quarter smaller again than WOFF. The size shown after converting is measured on your own file.

For bigger savings, remove the characters your pages never use with the font subsetter, or fix a variable font at the weights you use with the variable font instancer. Both produce WOFF2 with matching CSS.

TTF to WOFF2 questions

Does WOFF2 keep TrueType hinting?

Yes. The hinting instructions (the fpgm, prep, and cvt tables) are stored inside the WOFF2 as they are, so Windows renders small text exactly as it does with the TTF.

Can I convert a variable TTF to WOFF2?

Yes. The variation axes are kept, so one WOFF2 still covers the whole weight or width range. The kit’s CSS writes that range into font-weight or font-stretch.

Do I still need the TTF on my website?

No. Every current browser reads WOFF2, so the @font-face rule only needs the WOFF2 file. Keep the TTF for installing the font on a computer and as your original.