Modern and simple css @font-face generator

Add font(s) Convert

The @font-face CSS rule allows web developers to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers.

Usage: click the Add font(s) button, select the TTF or OTF fonts on your computer and click Convert. Download zip archive with converted fonts, css styles and demo page. That's all!

Family support
Autohint font
Add local() rule
Base64 encode
Formats
Demo page language
Subsets beta
Characters