在Bootstrap 3上创建自定义Glyphicons图标/字体

Question

感谢Mike Causer关于在Bootstrap 3上创建自定义Glyphicons图标/字体的帖子，我已按照这些步骤操作但不知道如何最终确定它！ 1-创建名为xoo.svg的自定义SVG文件 2-拖放xoo.svg到Fontello.com
3-已下载名称为icon-xoo的文件包含以下文件和文件夹：

如果我必须将所有这些代码放在Bootstrap 3字体和CSS文件夹中，请告诉我吗？如何以及在何处注册CSS文件？ 由于图标代码为0xe800，我可以获得CSS声明：

.icon-xoo { &:before { content: "\0xe800"; } }

最后，我该怎么称呼它？这是正确的方法吗？

<span class="glyphicon icon-xoo"></span>

谢谢

Answer 1

您需要在bootstrap/less/glyphicons.less中为.icon-xoo添加条目，并将the Less variable @icon-font-name的值更改为“icon-xoo”。您应该将字体文件放在../fonts/（相对于bootstrap.css）。