Font → Base64 Data URI
Inline a font file directly into your CSS as a Base64 data URI — no separate HTTP request. Useful for email templates or ultra-small critical fonts.
Runs entirely in your browser — no upload, no registration.
What this tool does
Reads the file bytes, encodes them with browser btoa, and emits a data URI + a ready-to-paste @font-face rule.
Why you might need it
Inline fonts eliminate one round-trip. But Base64 is ~33 % larger than binary — only inline small critical fonts (single weight, subsetted).
How to use it
- Drop a font file.
- Set the CSS font-family name.
- Copy the data URI or the full @font-face rule.
Supported formats
- Input: TTF, OTF, WOFF, WOFF2.
Limitations
- Base64 inflates payload by ~33 %.
- Inline fonts can't be shared across pages/subresources.
Always review the included licence before commercial use. Do not remove copyright records, designer names, licensing metadata or embedding restrictions from any font you process.