Twitter引导3 - 创建自定义图形并添加到图形“字体” [英] Twitter bootstrap 3 - create a custom glyphicon and add to glyphicon "font"

问题描述

好人。
我正在运行twitter bootstrap3，我非常高兴与新的方式处理图标作为字体。但是：我需要一些自定义图标;我需要自己做，最好把它整合到现有的字体中。我搜索没有运气。我很熟悉插画，矢量图形等，但如何整合？最坏的情况下，我会使图像的传统方式，但希望有一个更好的解决方案。

有什么想法？

解决方案

。

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

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

<当你完成导出字体设置并加载它，就像任何图标字体一样。

祝你好运！ b
更新

如果导入的SVG文件图标在导入iconmoom.app，首先检查它们在网页上的使用情况。在我看来，预览可能并不总是完美的。或者，iconmoon.app工具栏中有一个编辑图标，可以让您移动和调整大小。

Good people. I am running twitter bootstrap3, and I am extremely happy with the new way it handles the icon as fonts. However: I need some custom icons; I need to make them myself, and ideally integrate it into the existing font. I have searched with no luck. I am well familiar with illustrator, vector graphics etc, but how to integrate?

Worst case scenario, I will make images the traditional way, but hope there is a better solution.

Any ideas?

解决方案

This process might be one option.

You could use the IcoMoon App. Their library includes FontAwesome which would get you off to a quick start, or you download glyphicon, and upload the fontawesome-webfont.svg

For your custom icons, create SVGs, upload them to IcoMoon and add them to the FontAwesome / Glyphicon set.

When you are finished export the font set and load it as you would any icon font.

Good luck!

UPDATE

If your imported SVG file icons seem misaligned after importing into the iconmoom.app, first check how they actually look when used on a web page. It seems to me that the preview may not always be perfect. Alternatively, there is an edit icon in the iconmoon.app tool bar which lets you move and resize.

这篇关于Twitter引导3 - 创建自定义图形并添加到图形“字体”的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！