Online Tool Store
Font Converter
Preview TTF, OTF, WOFF, or WOFF2 files with custom text, inspect family and glyph metadata, copy @font-face CSS, and download a repackaged file.
This works right here on your device — nothing gets sent out.
How it works
- Drag and drop a font file, or click to choose one, and preview your own text in it at an adjustable size.
- Check the Family, Style, glyph count, and file size read straight from the font (available for TTF, OTF, and WOFF; not shown for WOFF2).
- Pick a target format, then copy a ready-to-use @font-face CSS snippet if you need one.
- Download — TTF ⇄ OTF is a genuine conversion; WOFF/WOFF2 targets are clearly labeled as a reference file, not a true transcode.
FAQ
Does this really convert between font formats?
TTF ⇄ OTF works genuinely — both use the same underlying sfnt container format, so relabeling is a real, usable conversion in most cases. WOFF and WOFF2 use additional compression (WOFF2 uses Brotli) that a true conversion needs a dedicated binary library for — this tool is upfront when a download is a same-bytes reference file rather than a real transcode.
Why show a live preview?
The browser's built-in font-loading API can render any TTF/OTF/WOFF/WOFF2 file directly, so you can see how your custom text actually looks in that font before deciding what to do with it.
What font formats are used for on the web?
WOFF2 is the modern standard (smallest, best compression, supported by all current browsers). WOFF is the older, wider-compatibility fallback. TTF and OTF are typically used for desktop apps or as source files, not directly served to browsers.
Can I see the font's family name, style, and glyph count?
Yes — for TTF, OTF, and WOFF files, the tool reads the font's own name and glyph tables directly (WOFF tables are decompressed with the browser's built-in zlib support) and shows Family, Style, Glyph count, and file size. WOFF2 uses Brotli-compressed tables that browsers can't decode natively, so metadata isn't shown for WOFF2 uploads.
Can I get a ready-to-use @font-face CSS snippet?
Yes — once a font is loaded, the "Copy @font-face CSS" button copies a snippet using the detected family name and your chosen target format, ready to paste into a stylesheet.
Is my font file uploaded anywhere?
No — everything happens entirely in your browser, including metadata reading and CSS generation. Nothing is sent to a server.
How we compare
| Feature | Online Tool Store | Desktop font tools | Online upload-and-convert sites |
|---|---|---|---|
| Live preview of your own text | ✓ | ✓ | Varies by site |
| File stays on your device | ✓ | ✓ | Uploaded to their server |
| Family, style, and glyph count from the file itself | ✓ | ✓ | Varies by site |
| One-click @font-face CSS snippet | ✓ | Not built in | Varies by site |
| Drag-and-drop upload | ✓ | ✓ | Varies by site |
For a quick preview before deciding whether a font is even the right fit, this beats uploading your file to an unfamiliar converter site.