October 1, 2013

Fontastic – Design Custom Icon Fonts

Fontastic is a tool that people can use to create icon fonts for their websites. In mere seconds, users can get crisp, clear icons that work on every browser and look great with retina displays.

Creating an icon font with Fontastic is exceptionally easy. Add icons to your collection by making a selection from Fontastic’s extensive list. You can browse icons, or search by description or name. Fontastic also gives you the option to import your own vectors as SVG images or SVG fonts. Once you’ve selected your icon or imported your vector, you’ll want to customize your font. Keep Fontastic’s standard settings, or change the character and CSS mapping. (The benefit to doing this is that it makes it easier to code.) With Fontastic, you can modify your icons to change the color, drop in a shadow, or even add animation characteristics.

When you’re done with the design process, download a packaged folder that includes all the fonts, HTML, CSS code, and a reference page, and install it on your website. By only including the icons you need, Fontastic can help speed up your website. The fonts you’ve created can be used for personal or commercial projects, although Fontastic does recommend that users read the licenses for their icon collections when using them for commercial purposes.

Practical Uses:

  • Improve the aesthetics of your personal website
  • Create an icon for your new business website
  • Speed up load times on the website you’re developing

Insider Tips:

  • Users can export SVG files from Illustrator
  • Choose between two character mapping preferences
  • Web fonts can be downloaded in .ttf, .eot, .svg, or .woff formats

What we liked:

  • Fontastic provides thousands of icons for users to choose from
  • CSS Stylesheets are added to every project
  • Users can add icons to their own collections
  • Fontastic offers an extensive FAQ page for new users

What we didn’t like:

  • Fontastic can’t import SVG with strokes


Company Info:

  • Launched: 2013
  • Privately Held
  • Headquarters: Thailand
  • Founded by: Vincent Le Moign
  • Web site:


  • Free


  1. harry

    Your website new design is refreshing and nice.

Submit a Comment