用于创建图标字体的工具

Question

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

Answer 1

如果您还没有看过，我的网络应用可以帮助您生成图标字体：http://icomoon.io/app

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

Answer 2

Inkscape是一个很棒的免费应用程序，用于使用向量创建图形（现代字体是由什么构成的）。

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

Answer 3

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

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

Answer 4

Rob，你可以start here。

这不是最好的例子，它所说的模板有点过时了。您必须根据字体基线在画布上移动图标进行实验。

还有这个long post，他将他的矢量导入FontLab。 FontLab的缺点是649美元的价格，它的学习曲线比Inkscape更陡峭。我还发现FontLab在我的OS X安装上有问题。

旁注：

有人需要制作专门用于此任务的软件......

Answer 5

我一直在使用名为glyphs（http://www.glyphsapp.com/）的应用程序来创建字体，最近有一个图标字体供Web使用。我在引导程序中导入了glyphicons以查看它们使用的指标。所以在20px的字体大小，他们最好匹配网格。等等。

我有一个自定义脚本来导出一个css文件，该文件使用附加的unicodes创建所有类。和另一个python脚本，将unicode值设置为自定义字形（某些图标实际上是unicode的一部分，如相机，铃声和类似的东西）

之后我必须使用font squirrel进行web字体转换， 我一直与开发人员保持联系，他说他正在实施webfont导出。更新是免费的，但他尚未包括直接webfont导出。 因此，将应用程序中的字体输入浏览器总是有点麻烦。

但我确实精简了一些因素。

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

Answer 6

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