创建图标字体的工具

Question

我想创建一个图标字体以用于Web应用程序。 fontAwesome，Iconic，fontomas是我想要做的例子，但我需要使用自定义图标。我不知道从哪里开始。任何帮助表示赞赏。

Answer 1

Inkscape是一个很棒的免费应用程序，用于创建带有矢量图形的图形（由现代字体组成）。

FontForge是一个很棒的免费创建字体的应用程序，并且可以从Inkscape导入SVG（一个很棒的免费矢量图形格式）。

Answer 2

Rob，你可以start here。

这不是最好的例子，它提到的模板有点过时了。您必须通过根据字体基线在画布周围移动图标来进行试验。

还有这个long post他将他的载体输入到FontLab中。 FontLab的缺点是649美元的价格，它的学习曲线比Inkscape陡峭。我还发现FontLab在我的OS X安装上是越野车。

在一个侧面说明：

有人需要使软件专门从事这项任务......

Answer 3

尽管什么narkeeso说，字体只有一个基线。所有的图标都应该保持一致。某些图标字体尝试垂直居中放置图标，但这会产生比解决问题更多的问题，并且您始终可以使用vertical-align属性来调整图标相对于周围字符的垂直位置。

我在该模板中大量测试了模板中的基准，并且它在各个浏览器中都非常成功。但是，您可能希望将X高度与Arial等常用字体相匹配。这可以在Font Squirrel转换器中完成。

Answer 4

如果您还没有看到它已经，我的web应用程序可以帮助你生成图标字体：http://icomoon.io/app

您可以导入自己的SVGs，或浏览图标字体库：http://icomoon.io/app/#library

Answer 5

我一直都使用一个名为字形的应用程序（http://www.glyphsapp.com/）来创建字体，并且最近有一个图标字体供网站使用。我导入glyphicons，因为他们带有引导程序来查看他们使用的度量标准。所以在20px字体大小theyd匹配网格最好。等等

我有一个自定义脚本导出一个css文件，创建所有类与附加的unicodes。而另一个Python脚本asignes Unicode值自定义字形（一些图标实际上是统一的一部分，像摄像头，铃声，和类似的东西）

后，我不得不使用的字体松鼠的Web字体转换寿， 我已经与开发人员联系，他表示他正在实施webfont导出。更新是免费的，但他还没有包括直接webfont导出。 所以它总是有点麻烦，让字体从应用程序进入浏览器。

但我确实已精简了几个因素。

fontlab不是用户友好的，我不能推荐它主要出于这个原因，但也价格。glyphs提供了40欧元的迷你版本，应该涵盖图标生成所需的功能。

Answer 6

如果你需要字体图标，这个应用程序是非常好的：http://fontastic.me/