将所有Glyphicons添加到Bootstrap 3

Question

我正在挖掘'Bootstrap 3中的Glyphicons,但看起来他们并非全都在那里!我真的很想使用建筑图标,但谷歌搜索并没有发现任何东西.

有谁知道如何将缺少的Glyphicons添加到Bootstrap 3？

Answer 1

您可以使用免费服务构建自己的自定义字体:http://fontello.com/

只需拖动您的glyphicons-halflings-regular.svg文件,选择您要使用的图标,然后下载仅包含您需要的自定义字体.

Fontello预装了以下库:

您还可以在http://glyphicons.com/上以59美元的价格购买完整版的Glyphicons.

要使用完整的图标集,您需要将提供的类添加到`glyphicons.less`或`bootstrap.css`文件中.我在http://glyphicons.com/上搜索,发现建筑图标使用`UTF + E090`,所以你需要添加`.glyphicon-building {&:before {content:"\ e090"; } (2认同)

Answer 2

我想使用我买的Glyphicons Pro,但扩展当前半身内容的东西是凌乱的.所以我为每个图标集(full,filetypes和social)创建了一个单独的css文件,并复制了bootstrap初始化它们的方式,因此我可以使用类似的语法.即

<span class="glyphpro glyphpro-download"></span>
<span class="glyphfiles glyphfiles-xml"></span>
<span class="glyphsocial glyphsocial-github"></span>

这样您就可以只加载您想要的和您想要的,并且可以使用vanilla bootstrap配置.在这里找到我的文件:Gist @ GitHub