fonts – Twitter bootstrap 3 – 创建一个自定义glyphicon并添加到glyphicon“font”

前端之家收集整理的这篇文章主要介绍了fonts – Twitter bootstrap 3 – 创建一个自定义glyphicon并添加到glyphicon“font”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
好人。
我运行twitter bootstrap3,我非常高兴的处理图标为字体的新方式。但是:我需要一些自定义图标;我需要自己做,并理想地将它集成到现有的字体。我没有找到运气。我很熟悉插画,矢量图形等,但如何整合?

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

有任何想法吗?

解决方法

此过程可能是一个选项。

你可以使用IcoMoon App.他们的library包括FontAwesome,将让你快速开始,或你下载字形,并上传fontawesome-webfont.svg

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

当您完成导出字体集,并加载它像任何图标字体。

祝你好运!

更新

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

原文链接:https://www.f2er.com/bootstrap/234773.html

猜你在找的Bootstrap相关文章