Enter Font Details
Fill in your font family name, weight, style, and URLs. Or upload a font file for base64 encoding.
Free online tool
Font Converter
Generate CSS @font-face rules and base64-encoded font files with Fontava's free font converter. Convert TTF, OTF, WOFF, and WOFF2 to data URIs and get production-ready code instantly.
Drag & drop a font file here, or click to browse
Supports TTF, OTF, WOFF, and WOFF2 files
Format reference
Web font formats compared.
| Format | Compression | Chrome | Firefox | Safari | Edge | IE | Use Case |
|---|---|---|---|---|---|---|---|
| WOFF2 | Best (30-50% smaller) | Modern browsers (primary format) | |||||
| WOFF | Good (compressed) | (9+) | Fallback for older browsers | ||||
| TTF | None (uncompressed) | (9+) | Desktop fallback, print | ||||
| OTF | None (uncompressed) | (9+) | Advanced typography features | ||||
| EOT | Compressed (IE only) | (6-11) | Legacy IE support only | ||||
| SVG | N/A (vector-based) | (deprecated) | Deprecated; avoid using |
How It Works
Convert fonts to code in three simple steps.
Generate the Code
Click the generate button. The tool builds production-ready @font-face CSS rules or base64 data URIs instantly.
Copy & Use
Copy the generated CSS or data URI and paste it directly into your stylesheet or HTML. Your font is ready to use.
Perfect for every project
Use font conversion in any workflow.
Fontava's font converter helps web developers, designers, and typographers prepare fonts for the web. Generate correct @font-face syntax without memorizing the format.
Use it for:
- @font-face CSS generation
- Base64 font embedding
- WordPress theme fonts
- HTML email fonts
- Single-file web apps
- Performance optimization
- Self-hosted font setup
- Icon font creation
- Google Fonts fallbacks
- Custom typeface delivery
Try our other font tools.
Explore Fontava's font generator, previewer, and more tools to complete your typography workflow.
Font Generator
