Fonts Twitter引导3-创建自定义glyphicon并添加到glyphicon；“字体”；

我正在运行twitter bootstrap3，我对它将图标作为字体处理的新方式非常满意。但是：我需要一些自定义图标；我需要自己制作，并将其理想地集成到现有字体中。我找了半天也没找到。我很熟悉illustrator、矢量图形等，但如何集成

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

---

---

如何将自定义glyphicon与现有（引导3）glyphicon字体集成？

此过程可能是一种选择

你可以用这个。它们包括FontAwesome，可以让您快速入门，或者下载glyphicon并上传FontAwesome-webfont.svg

对于自定义图标，创建SVG，将其上载到IcoMoon并将其添加到FontAwesome/Glyphicon集合

完成后，导出字体集并像加载任何图标字体一样加载它

祝你好运

更新

---

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

如果有人正在寻找此处提到的工具的替代工具，我发现它非常有用。它非常简单，允许您上传

.svg

文件，整理它，并从其他几个字体包中添加更多字形。然后，您可以将整个软件包作为自己的字体下载。

非常感谢，David。我将试一试，并向您汇报。：-）很棒的应用。。这正是使我们的应用程序轻量级所需要的！我很高兴这对你有用@robnardo，每当我使用IcoMoon时，我都会对它的工作原理印象深刻well@lepe，如果您要参考制作自定义字体图标所涉及的步骤数量，我将开始阅读在某些情况下使用SVG而不是字体图标的更多参数，例如@Davidtairoa:是的，没错。创建图标、打包和编码字体、创建“：before”和“：after”css规则对于单个任务来说是压倒性的：在网页中显示图标。我认为base64编码的SVG文件加载速度更快，而且不涉及这些步骤。然而，我认为应该有一种更简单的方法来打包所有图标，而不必如此匆忙。