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

ben*_*teh 62 fonts icons glyphicons twitter-bootstrap-3

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

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


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

Dav*_*roa 83

这个过程可能是一个选择.

您可以使用IcoMoon应用程序.他们的图书馆包括FontAwesome,可以让你快速入门,或下载glyphicon,并上传fontawesome-webfont.svg

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

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

祝好运!

UPDATE

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