TTF to WOFF2 Converter

Self-hosting a font starts here: WOFF2 is the format every current browser downloads first, and it is the smallest wrapper for the TrueType data you already have. This page also writes the CSS rule that loads it.

or drop TTF, OTF, WOFF … files here ·

Max 95 MB per file· Up to 20 files· Deleted after 30 minutes

Output

Convert to

Files are processed on our servers and deleted after 30 minutes.

How to use this tool

1
Upload the TTF files
Add every weight and style you plan to use, up to 20 files of up to 95 MB each. Variable TTFs work too and keep their axes.
2
Keep CSS on, subset if you can
Include @font-face CSS is already ticked. Under Advanced settings, set Keep characters to Basic Latin or Latin + accents if your site is in a Western language, and consider Hinting set to Remove.
3
Convert to WOFF2
Press Convert to WOFF2 and download the fonts with the .css file. Upload both to your site and link the stylesheet or paste the rule into your own.

Answer

How do I convert TTF to WOFF2 for my website?

Upload the .ttf, leave Include @font-face CSS ticked and press Convert to WOFF2. You get the .woff2 file plus a .css file with an @font-face rule that points at it.

Why WOFF2 is the web font format to ship

A TTF is uncompressed table data: outlines, metrics, kerning, names. WOFF2, published as a W3C Recommendation in 2018, keeps exactly those tables but runs them through Brotli, the compression algorithm Google released in 2015, after first reorganizing the glyph outlines so they compress better. Google's own tests found WOFF2 roughly 30% smaller than the older WOFF format on average, and the browser restores the original font data after download, so nothing about the letter shapes changes.

Fonts block rendering, which makes their size matter more than the kilobytes suggest. Until a web font arrives, the browser either hides the text or shows a fallback, and a late swap can shift the layout. Smaller files narrow that window, and two options here narrow it further: Keep characters removes glyphs your pages never show, and Hinting set to Remove drops instructions that phones and high-density screens ignore anyway. Keep the TTF masters for desktop use; WOFF2 to TTF can unpack a web font later, but it cannot restore glyphs a subset removed.

TTF vs WOFF2 file size

TTF, full character set

100%

Uncompressed font tables, as installed on a desktop

Typical for a multi-script text font

WOFF2, Basic Latin subset

often 10–25%

Brotli compression plus fewer glyphs; varies with the font

The @font-face rule for a WOFF2 font

Example rule; replace the names, and drop unicode-range if you did not subset

@font-face {
  font-family: "Brand Sans";
  src: url("/fonts/brand-sans-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF;
}

WOFF2 browser support, release by release

2014
Chrome 36
Google's browser is the first to decode WOFF2 by default.
2015
Firefox 39
Mozilla enables WOFF2 decoding by default.
2016
Edge 14
Microsoft's original Edge adds WOFF2 with the Windows 10 Anniversary Update.
2018
W3C Recommendation
The specification is finalized; by then Safari on macOS and iOS also decodes WOFF2.

TTF

TrueType font

TTF is the TrueType font format developed by Apple in the late 1980s and released in 1991, then licensed to Microsoft. It defines glyph outlines with quadratic curves and includes hinting instructions that make text look sharp on screens. TrueType is supported by every desktop operating system, word processor and design app. It lacks some advanced typographic features of OpenType and is larger than web font formats.

Compression: Lossless
Transparency: –
Animation: –
Introduced: 1991 · Apple

TTF converter

WOFF2

Web Open Font Format 2

WOFF2 is the second version of the Web Open Font Format, based on Google's Brotli compression and published as a W3C Recommendation in 2018. Files are about 30% smaller than WOFF, which helps pages load faster. Every modern browser supports WOFF2, and it is the recommended format for web fonts. Desktop operating systems and design apps cannot install it directly.

Compression: Lossless
Transparency: –
Animation: –
Introduced: 2018 · W3C (Google)

WOFF2 converter

TTF to WOFF2 packs a desktop font into the Brotli-compressed container browsers prefer, so the same glyphs reach visitors in fewer bytes; the reverse page exists for people who need to install a font they found on the web.

TTF to WOFF2 FAQ

Do I still need a TTF or WOFF fallback next to WOFF2?

For public websites today, usually not. Chrome, Edge, Firefox and Safari have read WOFF2 for years, and the few browsers that do not, such as Internet Explorer 11, are rarely worth an extra file. Add TTF to WOFF output as a second src entry only if your analytics show such visitors.

Why is my WOFF2 font still over 100 KB?

Compression only shrinks how the glyphs are stored, not how many there are. A font that covers Latin, Cyrillic, Greek and Vietnamese ships all of them. Subsetting to the scripts you actually display is what brings a text font down to the tens of kilobytes.

What does font-display: swap do?

It tells the browser to show text in a fallback font immediately and swap in your web font once it arrives, instead of hiding the text while it downloads. Add it to your @font-face rule as in the example above, or use optional if you would rather skip a late swap on slow connections.

Can I convert a Google Fonts TTF to WOFF2 and host it myself?

Yes. Google Fonts families are released under the SIL Open Font License or Apache License, both of which allow conversion and self-hosting. Hosting the file yourself also avoids a request to a third-party server.

Does WOFF2 work in email newsletters?

Only in some clients. Apple Mail and iOS Mail load web fonts through @font-face, while Gmail and most Outlook versions ignore them and show your fallback font. Always list a safe system font in the font stack of an email.

TTF to WOFF2 Converter

Font Converter

How to use this tool

Upload the TTF files

Keep CSS on, subset if you can

Convert to WOFF2