63

我正在运行 twitter bootstrap3,我对它将图标作为字体处理的新方式非常满意。但是:我需要一些自定义图标;我需要自己制作它们,并理想地将其集成到现有字体中。我没有运气搜索过。我对插画家,矢量图形等很熟悉,但是如何整合呢?

最坏的情况,我会用传统的方式制作图像,但希望有更好的解决方案。


如何将自定义 glyphicon 与现有(bootstrap 3)glyphicon 字体集成?

4

2 回答 2

84

这个过程可能是一种选择。

您可以使用IcoMoon 应用程序。他们的包括 FontAwesome 可以让您快速入门,或者您下载 glyphicon,然后上传 fontawesome-webfont.svg

对于您的自定义图标,创建 SVG,将它们上传到 IcoMoon 并将它们添加到 FontAwesome / Glyphicon 集。

完成后导出字体集并像任何图标字体一样加载它。

祝你好运!

更新

如果您导入的 SVG 文件图标在导入 iconmoom.app 后看起来没有对齐,请首先检查它们在网页上使用时的实际外观。在我看来,预览可能并不总是完美的。或者,iconmoon.app 工具栏中有一个编辑图标,可让您移动和调整大小。

于 2013-08-23T19:52:36.520 回答
1

如果有人正在寻找此处提到的替代工具,我发现Glyphter非常有用。它相当简单,允许您上传.svg文件,修饰它,并从其他几个字体包中添加更多字形。然后,您可以将整个捆绑包下载为自己的字体。

于 2018-01-30T22:04:15.847 回答