A free TTF to WOFF2 font converter that runs in your browser
If you have ever added a custom font to a website, you have probably run into this: the font you downloaded is a .ttf or .otf file, but speed tools such as Google PageSpeed Insights keep telling you to serve fonts as WOFF2. This page does that conversion for you. Drop in your files, and a moment later you can download smaller WOFF2 versions together with the CSS you need to use them.
Most online font converters ask you to upload your file to a server, wait for it to come back and sometimes create an account. This one is different. Everything happens inside your own browser tab, so the font never leaves your computer. That is faster, it works with big files, and it is a safer choice when the font has a restrictive license.
How to convert TTF to WOFF2, step by step
- Add your fonts. Drag one or more .ttf, .otf, .woff or .woff2 files onto the box above, or click the box and pick them from your computer.
- Choose the formats you want. WOFF2 is ticked by default and is the one most websites need. Add WOFF if you want a fallback for very old browsers, or TTF / OTF if you want the plain desktop file back.
- Check the result. Each file shows how much smaller it became and a live preview in the converted font. If you can read the sample sentence, your browser has loaded the new file successfully.
- Download. Use the button next to a single file, or Download all (ZIP) to get everything in one go, including a ready-made fonts.css.
- Use it on your site. Upload the files, paste the @font-face code into your stylesheet, and set the folder name in the panel on the right so the paths match.
Is it possible to convert TTF to WOFF2?
Yes, and it is a safe, lossless change. A TTF file and a WOFF2 file describe exactly the same letters. The difference is the packaging: WOFF2 stores the same font tables in a more compact form using Brotli compression, plus a few tricks that prepare the data to compress well. When a browser opens the WOFF2 file it unpacks it again, so the letters look identical to the original.
Two things the conversion does not do: it does not remove characters you do not use (that is called subsetting) and it does not change the design. If you want a still smaller file, create a subset that only keeps the languages you need and then convert that.
How can I convert a TTF font to a WOFF font?
Add your TTF file as usual, then tick WOFF in the panel on the right (and untick WOFF2 if you only want WOFF). WOFF is the older web font format. It wraps the font in ordinary zlib compression, which is why it is usually bigger than WOFF2. You rarely need it today, but it is still useful as a fallback for older browsers such as Internet Explorer 11, which understand WOFF but not WOFF2.
Is WOFF2 better than TTF?
For websites, yes. For desktop programs, no. TTF and OTF are made to be installed in an operating system and used in Word, Photoshop or Figma. WOFF and WOFF2 are made to be downloaded by a browser as quickly as possible. A smaller font means a faster first paint, a better Core Web Vitals score and less data for visitors on slow connections.
| Format | Best for | Size | Browser support |
|---|---|---|---|
| TTF | Installing on a computer, design software | Largest | Works, but not meant for the web |
| OTF | Installing on a computer, advanced typography | Large | Works, but not meant for the web |
| WOFF | Web fallback for older browsers | Smaller | All browsers, old and new |
| WOFF2 | Websites today | Smallest | All current browsers |
In many cases a WOFF2 file ends up around a third smaller than the matching WOFF, and often well under half the size of the TTF it came from. The exact saving depends on the font, and you can see the real number for your files in the results list above.
How to convert WOFF to WOFF2
Drop the .woff file into the box and keep WOFF2 ticked. Behind the scenes the converter first unwraps the WOFF back into a normal font and then repacks it as WOFF2 with Brotli, which is why the result is smaller. You do not need the original TTF. If you only have a WOFF2 and want a font you can install, drop it in and tick TTF / OTF instead.
OTF to WOFF2 works the same way
OpenType fonts with PostScript (CFF) outlines convert just like TrueType fonts. Add the .otf file and download the WOFF2. The results list tells you whether the font uses TrueType or OpenType outlines, and variable fonts convert as well.
How to use a WOFF2 font on your website
Upload the file to your site, then add an @font-face rule like the one the converter writes for you:
@font-face {
font-family: "My Font";
src: url("/fonts/my-font.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
body { font-family: "My Font", system-ui, sans-serif; }- Always add font-display: swap. It shows text in a fallback font straight away and swaps in your font when it is ready, so visitors never stare at invisible text.
- Preload the main font. For the font used above the fold, add <link rel="preload" href="/fonts/my-font.woff2" as="font" type="font/woff2" crossorigin> to the page head.
- Use only the weights you need. Each style is a separate file. Two or three weights are usually plenty.
- Serve from your own domain where you can. If the files come from another domain, that domain must allow cross-origin font requests.
Check the license before you convert a font
Converting a font changes its format, not its license. Many open fonts, for example those under the SIL Open Font License, may be used on websites and converted to WOFF2. Some commercial fonts, however, only allow desktop use, or require a separate web license, and their terms may forbid conversion. Read the license that came with the font first. Our font licensing guide explains the common licenses in plain language, and every font page in the directory shows its license.
Why convert in the browser instead of uploading?
- Privacy. Your font files are not sent anywhere. That matters for licensed or unreleased fonts.
- Speed. There is no upload and no waiting in a queue, so even large fonts finish in seconds.
- No limits and no account. Convert as many files as you like, one after another.
- A real check. The page loads each converted font in your browser as a test, so you know it works before you publish it.
The WOFF2 files are created by Google's reference WOFF2 encoder, compiled to WebAssembly (the open-source woff2-encoder package, MIT license). WOFF files and ZIP archives are made with the small open-source fflate library. Both are loaded only when you convert your first file.
If something goes wrong
- “Font collection (.ttc)”. A .ttc file holds several fonts in one file. Save each font as its own TTF first, then convert.
- “Does not look like a font file”. The file may be damaged, renamed from another type, or a zipped download. Unzip it and use the font file inside.
- The preview shows a fallback font. Some very unusual or damaged fonts cannot be previewed. The file may still be fine, but test it on a page before you publish it.
- The file is larger than 25 MB. Very large fonts, such as full CJK families, are best subsetted first.
Frequently asked questions
Is it possible to convert TTF to WOFF2?
Yes. Add your TTF file to the box at the top of this page and keep WOFF2 ticked. The conversion is lossless: the letters are the same, only the packaging changes, so the font looks identical but the file is smaller.
How can I convert a TTF font to a WOFF font?
Add the TTF file, tick WOFF in the output formats panel and, if you do not need WOFF2, untick it. WOFF uses ordinary zlib compression, so it is usually larger than WOFF2 but still smaller than the TTF.
Is WOFF2 better than TTF?
For websites it is: WOFF2 files are much smaller, so pages load faster. TTF is still the right choice when you want to install a font on a computer or use it in design software. Many people keep both.
How do I convert WOFF to WOFF2?
Drop the WOFF file into the converter and keep WOFF2 ticked. The tool unwraps the WOFF and repacks the font as WOFF2 with Brotli compression. You do not need the original TTF.
Is this TTF to WOFF2 converter really free?
Yes. There is no account, no watermark and no limit on how many fonts you convert. Because everything runs in your browser there is also nothing to download or install, only your converted files.
Are my font files uploaded to a server?
No. The conversion runs inside your browser with WebAssembly, so your files stay on your device. You can even switch off your internet connection after the page has loaded and the converter will still work.
Is there a free download version or a PDF guide?
You do not need a download, because the converter works on this page. If you would like a PDF of this guide, use your browser's print dialog and choose “Save as PDF”. The tool itself converts fonts, not documents, so it does not create PDF files.
Can I convert OTF to WOFF2?
Yes. OpenType fonts convert the same way as TrueType fonts. Add the .otf file and download the WOFF2 file.
Does WOFF2 work in every browser?
WOFF2 works in all current versions of Chrome, Edge, Firefox, Safari and Opera. Internet Explorer 11 does not support it, so add a WOFF file as a fallback if you still need to support that browser.
Can I convert a WOFF2 back to TTF?
Yes. Add the WOFF2 file and tick TTF / OTF. You get a plain font file that you can install on your computer. Check the font's license first, because not every license allows conversion.
Does converting change how the font looks?
No. The glyph shapes, spacing and features are kept exactly as they were. Only the way the data is stored changes.
Can I convert several fonts at once?
Yes, up to 40 files at a time. Download them one by one or all together as a ZIP file that also includes a ready-made fonts.css.
Is it legal to convert a font to WOFF2?
It depends on the font's license. Open licenses such as the SIL Open Font License allow it. Some commercial licenses do not, or need a separate web license. Read the license that came with your font before you convert and publish it.
Find fonts to use on your website
Need a font to start with? The font directory lets you preview every font with your own text and shows the license before you download. Popular places to look: Sans serif fonts, Serif fonts, Display fonts, Monospace fonts, Handwriting fonts. New to fonts? Read how to install a font on your computer.