Skip to content

TTF to WOFF2 Converter

Make a TrueType font smaller and ready for @font-face.

  • 100% Free
  • No Sign Up
  • Nothing Uploaded

TTF to WOFF2

Compress a TrueType font for fast web pages

Drag & drop a font

or click to browse. You can also paste.

TTF, up to 20 MB.

Best for websites: the smallest file, supported by every current browser.

Size-

Processed on your device. Nothing is uploaded.

More converters

View all tools

Every format, one private converter.

No software. No uploads. No sign-up.

Browse all 96 tools
Files uploaded
0
Free tools
96
In your browser
100%

How to convert TTF to WOFF2

Three steps, all in your browser.

  1. 1

    Add a font

    Drop a TTF, OTF, WOFF or WOFF2 file.

  2. 2

    Check the preview

    The converted font is loaded and shown with your own text.

  3. 3

    Download

    Save the font in its new format.

TTF to WOFF2 Converter: what to know

TTF (TrueType) is the font format desktop systems install, but it is uncompressed and heavy to send over the web. WOFF2 (Web Open Font Format 2) is the same font packed for browsers: its tables are compressed with Brotli and the TrueType outlines are stored in a more compact encoding, so the file is usually much smaller than the TTF. Every current version of Chrome, Edge, Firefox and Safari supports WOFF2.

This converter runs Google's reference WOFF2 encoder, compiled to WebAssembly, inside your browser. The font is never uploaded, and the result contains exactly the glyphs, metrics, kerning and OpenType features of the TTF; a browser unpacks it to an equivalent font. The converter also shows the font's family, style, version and glyph count so you can check you picked the right file.

Converting doesn't change what you're allowed to do with a font. Fonts under open licenses such as the SIL Open Font License can be self-hosted freely, while many commercial fonts need a web license. Font collections (.ttc) aren't supported; convert the individual fonts.

Popular uses

  • Self-hosting fonts instead of loading them from a third-party font service
  • Cutting font weight from a website to improve page speed
  • Preparing fonts for an app or e-book that loads WOFF2

Tips for the best result

  • Reference it in CSS with @font-face { font-family: "My Font"; src: url("/fonts/my-font.woff2") format("woff2"); font-display: swap; }.
  • Add one @font-face rule per weight and style, with font-weight and font-style set to match.
  • Preload the font used above the fold with <link rel="preload" as="font" type="font/woff2" crossorigin>.
  • Serve the file with the font/woff2 content type and a long cache lifetime.

Read how JustYourConvert works and our privacy details. Keep your original files and check a converted file before you replace anything.

Frequently asked questions