Fontastic

What Fontastic is

Fontastic is a web service for building custom icon fonts for websites. Its library contains more than 9,000 ready-to-use icons, and you can add your own artwork by importing SVG files or uploading SVG fonts. CSS controls let you resize, recolor, shade, and animate the icons. Finished sets can be published as SVG sprites or delivered through Fontastic’s CDN. You can create unlimited fonts and assign different fonts to individual websites or applications. Downloads include TTF, EOT, SVG, and WOFF web-font files, along with an HTML reference page and CSS stylesheet. The Free Forever plan costs nothing and allows unlimited fonts. Each icon set can contain up to 1,000 icons. Fontastic also provides guidance for using icon fonts in iOS. SVG artwork that relies on strokes cannot be imported directly; strokes must be expanded before uploading. The service runs on the web and supports webfont export, but does not provide color fonts.

Who it suits

Fontastic suits web designers and developers who need custom icon fonts, CSS styling, or downloadable webfont files. It also fits teams managing separate icon fonts for multiple websites or applications.

Limits

The Free Forever plan allows unlimited fonts, but each icon set can contain no more than 1,000 icons. SVG icons that use strokes require expanded strokes before import.

Getting started

1. Open the Fontastic website
2. Choose icons from the library or import SVG artwork
3. Upload SVG fonts when needed
4. Style the selected icons with CSS options
5. Publish an SVG sprite or host through the CDN
6. Download the generated font package

Verdict

Pick Fontastic if you need a free web-based workflow for assembling and exporting custom icon fonts. Its unlimited-font plan and CSS controls suit multiple sites, while the 1,000-icon set limit and stroke-import restriction may affect larger or more complex libraries.