Convert variable font TTF to WOFF2

If you have a variable TTF on your computer and want to use it on a website, convert it to WOFF2. Its variation axes, instances, glyphs, and font features are preserved—the converter changes the file format, not the design.

web.dev recommends WOFF2 for websites. It offers better compression than WOFF and TTF, typically reducing file size by more than 30%. WOFF2 supports variable fonts, so it is the preferred format for serving them on the web. Add WOFF only when you need a fallback for older browsers.

TTF to WOFF2 converter

Files are converted locally in your browser and are never uploaded.

Drop your .ttf or .woff2 files below to convert them. TTF files become WOFF2, and WOFF2 files become TTF.

For the web

Use the downloaded WOFF2 file in your site's @font-face rule. Set the weight range to match your font, and keep the original TTF as your source file:

@font-face {
  font-family: "My Variable Font";
  src: url("/fonts/my-variable-font.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

The converter also changes WOFF2 files back to TTF when needed. If you start with separate static master files, first turn them into a variable TTF, then convert that output to WOFF2.