Font Converter — TTF, OTF, WOFF, WOFF2 Online
Convert fonts between TTF, OTF, WOFF, WOFF2, EOT and SVG in your browser. Batch conversion, size comparison and a ready-to-paste @font-face CSS rule — no upload.
🔒 Runs entirely in your browser — nothing is uploadedConvert fonts for the web in your browser
This font converter turns desktop and legacy font files into the formats that browsers and design tools expect. Drop a TTF or OTF font to create compressed WOFF2 and WOFF files for your website, unpack a WOFF2 file back into an installable TTF, or rebuild old EOT and SVG fonts from ancient web projects. You can add many files at once: each font is processed in turn and every output file shows its size and how much smaller or larger it is than the original. Everything runs locally with JavaScript and WebAssembly — the same Google WOFF2 encoder that font foundries use is loaded into the page, so nothing is uploaded.
Where possible the converter works losslessly. Wrapping a font as WOFF or WOFF2 keeps the original TrueType or CFF outlines, hinting and OpenType features exactly as they were; only the compression changes. Converting CFF-based OTF fonts to TTF, EOT or SVG rebuilds the outlines as quadratic curves, which is visually equivalent but drops PostScript hinting.
Font formats explained
TTF (TrueType) and OTF (OpenType with CFF outlines) are the desktop formats you install on your computer. WOFF wraps the same data with zlib compression, and WOFF2 uses Brotli plus font-specific transforms, typically saving another 30%. WOFF2 is supported by every modern browser, so for most sites a single WOFF2 file is enough. EOT was only used by Internet Explorer, and SVG fonts by old versions of Safari on iOS; generate them only when you maintain legacy pages.
Use the generated @font-face rule
After converting, the tool writes an @font-face rule for each font with its family name, weight and style read from the font itself. Sources are ordered best first, so browsers download WOFF2 when they can. Set the folder where you will upload the files and choose a font-display strategy — swap shows fallback text immediately and switches when the web font arrives. Before publishing, make sure the font's license permits web embedding and format conversion.
How to use
- Add your fontsDrop one or more TTF, OTF, WOFF, WOFF2, EOT or SVG font files onto the box, or click it to browse.
- Pick output formatsTick every format you need — WOFF2 and WOFF are selected by default because they are the best choice for websites.
- ConvertPress Convert. Each font is decoded and re-encoded locally, and the size change of every output file is shown.
- Download and paste the CSSDownload the files one by one or all at once, then copy the generated @font-face rule into your stylesheet.