How to Make Icon Fonts in Illustrator and FontForge Tutorial

Don't open photoshop each time you want to update an icon color. Easily create custom icon fonts with Fontastic! Your icons can be modified on the fly via CSS. Rescale, change colour, add a shadow and more in just a jiffy. Over 9,000 icons just isn&#3

Tool to build custom fonts with icons.

不過不是每個人都知道要如何製作 Icon Font，當然網路上也不少現成的可以使用，但你需要的可能是專為你的網站、專案所部屬的圖示字型，而不需包含一堆你用不到的圖案，這時候就可以運用 Fontastic 來客製化。

Browse free icons or import your own SVG icons to export as icon font, SVG, PNG, sprite and more.

Iconly helps designers and developers to create custom icon fonts, host them in the cloud and deliver them to your users with our fast CDN. Add vector icons to your website with one line of code.

在「使用 Icon Font」的教學文已經介紹了如何使用 Icon Font，這篇教學會介紹如何繪製適合的 SVG，並將 SVG 轉換成 Icon Font，製作自己的專屬的 Icon Font。