css - 创建图标字体的工具

Question

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

score 18 · Accepted Answer

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

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

score 11 · Accepted Answer

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

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

score 2 · Accepted Answer

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

我为那篇文章在模板中大量测试了基线，它在浏览器中非常成功。但是，您可能希望将 X 高度与 Arial 等常见字体匹配。这可以在字体松鼠转换器中完成。

score 1 · Accepted Answer

Rob，你可以从这里开始。

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

还有这篇长文章，他将他的向量导入 FontLab。FontLab 的缺点是它的价格为 649 美元，而且它的学习曲线比 Inkscape 更陡峭。我还发现 FontLab 在我的 OS X 安装中存在问题。

附带说明：

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

score 1 · Accepted Answer

我一直在使用一个名为 glyphs ( http://www.glyphsapp.com/ ) 的应用程序来创建字体，并且最近尝试了一种用于 Web 的图标字体。我导入了带有引导程序的字形图标，以查看它们使用的指标。所以在 20px fontsize 他们最匹配网格。等等等等

我有一个自定义脚本来导出一个 css 文件，该文件使用附加的 unicode 创建所有类。和另一个将 unicode 值分配给自定义字形的 python 脚本（一些图标实际上是 unicode 的一部分，如相机、铃铛等）

之后我必须使用字体松鼠进行网络字体转换，我一直与开发人员联系，他说他正在实施网络字体导出。更新是免费的，但他还没有包括直接的 webfont 导出。所以将字体从应用程序中取出到浏览器中总是有点麻烦。

但我当然已经简化了一些因素。

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

score 0 · Accepted Answer

0

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

于 2014-11-28T18:14:32.187 回答

6 回答 6