Twitter bootstrap 3 - 创建自定义glyphicon并添加到glyphicon“font”

时间:2013-08-23 10:51:39

标签: fonts icons twitter-bootstrap-3 glyphicons

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

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


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

2 个答案:

答案 0 :(得分:82)

此过程可能是一个选项。

您可以使用IcoMoon App。他们的library包括FontAwesome,它可以让你快速启动,或下载glyphicon,并上传fontawesome-webfont.svg

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

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

祝你好运!

<强>更新

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

答案 1 :(得分:1)

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