Twitter 引导程序 3 - 创建自定义字形图标并添加到字形图标"font"



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

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


如何将自定义字形与现有(引导程序3)字形字体集成

这个过程可能是一个选项。

您可以使用IcoMoon应用程序。他们的库包括FontAwesome,它可以让你快速开始,或者你下载glyphicon,并上传FontAwesome-webfont.svg

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

完成导出字体集后,将其加载为任何图标字体。

祝你好运!

更新

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

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

最新更新