Transfonter — screenshot of transfonter.org

Transfonter

Transfonter is a modern online @font-face generator that handles conversion of various font formats (TTF, OTF, WOFF, etc.) and outputs the perfect CSS code. It's my go-to for reliable webfont kits.

Visit transfonter.org →

Questions & Answers

What is Transfonter?
Transfonter is an online @font-face generator that converts various font formats (like TTF, OTF, SVG, WOFF, WOFF2) into web-ready font files and generates the corresponding CSS. It provides a complete webfont kit for easy implementation on websites.
Who can benefit from using Transfonter?
Web developers, designers, and anyone who needs to convert desktop fonts into webfont formats and generate @font-face CSS rules for use on their websites will find Transfonter useful.
When should I use Transfonter for web fonts?
You should use Transfonter when you need to embed custom fonts on a webpage, convert different font file types to web-compatible formats, and generate the necessary @font-face CSS rules for cross-browser compatibility.
How does Transfonter compare to other webfont generators?
Transfonter offers multi-upload and drag-and-drop for various input formats, and includes options like fixing vertical metrics, adding local rules, Base64 encoding, and selecting specific subsets or font-display properties for fine-tuned output.
What font formats does Transfonter support for conversion?
Transfonter supports converting TTF, OTF, WOFF, WOFF2, and SVG font files. It also has a feature to unpack TTC font formats, providing flexibility for different source font types.