Webfont Generator — Build an @font-face Kit
10 / 10Upload a family, get a self-hosting kit: WOFF2 + WOFF for every weight, one @font-face stylesheet and a demo page. Everything you need to drop the fonts into a project.
What is in the kit
For each uploaded file you get a WOFF2 and a WOFF, so modern browsers take the small file and legacy ones still render. The generated stylesheet declares one @font-face per weight and style with font-display: swap, and the HTML demo lets you check the rendering before you ship.
Self-host instead of a CDN
Self-hosted fonts avoid the extra DNS lookup and connection to a third-party host, give you full control over caching and subsetting, and keep visitor data off external servers — a common requirement under GDPR. A self-host package for any open-source family is also one click away in the Fonts Library.
Use it in three lines
Copy the fonts folder into your project, link the generated stylesheet, and reference the font-family name in your CSS. Preload the WOFF2 for the body weight to shave the first render.
Webfont generator — questions
WOFF2 as the primary source and, optionally, WOFF as a fallback. TTF/OTF and EOT are no longer needed on the web.
Not yet — it converts the full character set. For a lighter kit, download a family from the Fonts Library, which offers per-script subsets.
Uploaded and converted files are deleted automatically within an hour.
Popular conversions
How the Font Converter Works
Upload your desktop fonts and get web-ready files in seconds. Our converter handles all the heavy lifting — subsetting, compression, and format generation — so your fonts load fast on every browser.
Supported Formats
Convert between TrueType (TTF), OpenType (OTF), WOFF, and WOFF2. WOFF2 offers the best compression for the web — up to 30% smaller than WOFF — and is supported by all modern browsers.
Batch Processing
Upload up to 10 font files at once and convert them all in a single run. Each file is processed server-side and packaged into a ready-to-use ZIP with your chosen formats.
Generated CSS & Preview
The converter generates @font-face CSS declarations with the correct font-display strategy. An HTML preview page is included so you can verify rendering before deploying.
Privacy First
Uploaded files are processed on the server and automatically deleted after conversion. Nothing is stored permanently — your fonts stay yours.
Frequently Asked Questions
WOFF2 uses Brotli compression, which produces files about 30% smaller than WOFF (which uses zlib). Both are web font formats, but WOFF2 is recommended for modern browsers due to better compression and faster loading. WOFF remains useful as a fallback for older browsers.
Yes. The converter handles direct conversion from any supported input format (TTF, OTF, WOFF, WOFF2) to any output format. No intermediate steps are needed — just upload and select your target format.
The font-display CSS descriptor controls how a font is displayed while it is loading. The "swap" option (recommended) shows a fallback font immediately, then swaps to the web font once loaded. This avoids invisible text during page load and improves Core Web Vitals.
Each individual file can be up to 10 MB, and you can upload up to 10 files per batch. This covers virtually all desktop and web font files, including large variable fonts.
For most modern websites, WOFF2 alone is sufficient — it is supported by over 97% of browsers globally. Add WOFF as a fallback if you need to support older browsers. TTF and EOT are rarely needed today unless targeting very old systems.