TTF to WOFF2 Converter

About the TTF to WOFF2 Converter

The TTF to WOFF2 Converter turns desktop TrueType fonts into WOFF2, the web font format every modern browser prefers. WOFF2 compresses the font with Brotli and a special glyph transform, so a typical TTF file becomes 50–70% smaller without losing a single glyph. Smaller fonts load faster, appear sooner and help your Largest Contentful Paint and other Core Web Vitals scores.

Drop in one file or a whole family, and the tool creates the WOFF2 files together with @font-face rules that already include the right weight, style and font-display: swap. Upload the fonts next to your stylesheet, paste the CSS, and you can stop loading fonts from a third-party server. Everything happens in your browser using Google's official WOFF2 encoder, so your fonts are never uploaded.

Self-hosting fonts the right way

Hosting fonts on your own site, instead of loading them from another service, can make pages faster and avoids sending visitors' data to a third party.

Steps

1. Add the TTF files for every style you actually use. Each extra weight adds download time, so skip ones you do not need.
2. Download the WOFF2 files and upload them to your site.
3. Copy the @font-face rules. They already include font-display: swap, so text shows immediately in a fallback font while the web font loads.

Example

body { font-family: "MyFont", Arial, sans-serif; }

A typical TTF of 150–250 KB becomes a WOFF2 of 60–100 KB. Fonts that include many languages, such as Arabic, Devanagari or Chinese, are much larger. Use only the fonts your site needs.

How to use the TTF to WOFF2 Converter

1. Drop your TTF files into the upload area, or click to choose them.
2. Wait a second while each font is compressed to WOFF2.
3. Download the WOFF2 files one by one or all together as a ZIP.
4. Copy the @font-face CSS and add it to your stylesheet.

Frequently asked questions