Convert TTF to WOFF, Free
Files convert instantly in your browser. 100% private, any file size, no account needed.
Drop your TTF file here
or click to browse. Any file size.
Conversion runs entirely in your browser. Your file never leaves your device.
How to convert TTF to WOFF
TTF (TrueType Font) is the original desktop font format, developed jointly by Apple and Microsoft in the late 1980s. WOFF (Web Open Font Format) is a container format for the same font data, compressed and wrapped with metadata specifically for serving over the web. Converting TTF to WOFF produces a file that is typically 20-40% smaller than the TTF (because WOFF applies zlib compression internally) and includes a standardized wrapper that makes it suitable for web font delivery. The conversion runs in your browser using WebAssembly, so your font never leaves your device.
Modern CSS @font-face declarations support both TTF and WOFF, but WOFF is preferable for web use because of its smaller size. WOFF2 is even better (30-50% smaller than WOFF) and has broad browser support. For maximum compatibility with older browsers, serve WOFF as a fallback alongside WOFF2 in your @font-face src list.
Upload your TTF file
Drop the .ttf font file. The converter also accepts OTF (OpenType) as a source format.
Confirm conversion settings
WOFF conversion is a straightforward repackaging with compression. No settings are required beyond selecting the output format.
Convert in-browser
The WebAssembly font processing library converts the font locally. Your font file is not uploaded anywhere.
Download the WOFF
Save the .woff file and reference it in your CSS @font-face declaration alongside WOFF2 for full browser support.
Frequently asked questions
What is the difference between WOFF and WOFF2?
WOFF uses zlib compression; WOFF2 uses Brotli compression (specifically tuned for font data). WOFF2 is typically 30-50% smaller than WOFF. Both have excellent modern browser support. WOFF is a fallback for older browsers.
Can I use TTF directly in CSS @font-face?
Yes. All modern browsers support TTF in @font-face. But WOFF is smaller, so WOFF is preferred for production web use.
Is converting TTF to WOFF lossless?
Yes. WOFF is a compressed container for the same font data. The glyph shapes, hinting, and metrics are preserved exactly.
Should I also generate WOFF2 at the same time?
Yes. The recommended pattern is to generate both WOFF2 and WOFF: serve WOFF2 first (smaller, modern browsers), with WOFF as the fallback for older browsers.
What is the recommended @font-face CSS pattern?
@font-face { font-family: 'MyFont'; src: url('myfont.woff2') format('woff2'), url('myfont.woff') format('woff'); } - browsers pick the first format they support.