Tools to create an Icon Font [closed]

Question

I'd like to create an icon font for use in a web application. fontAwesome, Iconic, fontomas are examples of what I'd like to do but I need to use custom icons. I'm not sure where to start. Any help is appreciated.

Answer 1

If you haven't seen it already, my web app could help you generate icon fonts: http://icomoon.io/app

You can import your own SVGs, or browse the icon font library: http://icomoon.io/app/#library

Answer 2

Inkscape is a great free application for creating graphics with vectors (what modern fonts are made of).

FontForge is a great free application for creating fonts, and can import SVG (a great free vector graphics format) from Inkscape.

Answer 3

Despite what narkeeso said, a font only has one baseline. All of your icons should sit on that line to be consistent. Some icon fonts try to center the icons vertically but this causes more problems than it solves and you can always adjust the vertical position of the icon relative to surrounding characters using the vertical-align property.

I tested the baseline in the template heavily for that article and it is very successful across browsers. You may wish to match the X-height to a common font like Arial, however. This can be done in the Font Squirrel converter.