我正在运行 twitter bootstrap3,我对它将图标作为字体处理的新方式非常满意。但是:我需要一些自定义图标;我需要自己制作它们,并理想地将其集成到现有字体中。我没有运气搜索过。我对插画家,矢量图形等很熟悉,但是如何整合呢?
最坏的情况,我会用传统的方式制作图像,但希望有更好的解决方案。
如何将自定义 glyphicon 与现有(bootstrap 3)glyphicon 字体集成?
我正在运行 twitter bootstrap3,我对它将图标作为字体处理的新方式非常满意。但是:我需要一些自定义图标;我需要自己制作它们,并理想地将其集成到现有字体中。我没有运气搜索过。我对插画家,矢量图形等很熟悉,但是如何整合呢?
最坏的情况,我会用传统的方式制作图像,但希望有更好的解决方案。
如何将自定义 glyphicon 与现有(bootstrap 3)glyphicon 字体集成?
这个过程可能是一种选择。
您可以使用IcoMoon 应用程序。他们的库包括 FontAwesome 可以让您快速入门,或者您下载 glyphicon,然后上传 fontawesome-webfont.svg
对于您的自定义图标,创建 SVG,将它们上传到 IcoMoon 并将它们添加到 FontAwesome / Glyphicon 集。
完成后导出字体集并像任何图标字体一样加载它。
祝你好运!
更新
如果您导入的 SVG 文件图标在导入 iconmoom.app 后看起来没有对齐,请首先检查它们在网页上使用时的实际外观。在我看来,预览可能并不总是完美的。或者,iconmoon.app 工具栏中有一个编辑图标,可让您移动和调整大小。
如果有人正在寻找此处提到的替代工具,我发现Glyphter非常有用。它相当简单,允许您上传.svg
文件,修饰它,并从其他几个字体包中添加更多字形。然后,您可以将整个捆绑包下载为自己的字体。