Twitter bootstrap 3 将所有图标添加到引导3

我正在查找Bootstrap3中的字形图标，但看起来它们并不都在那里！我真的很想使用建筑图标，但谷歌搜索没有发现什么

---

有人知道如何将丢失的字形图标添加到Bootstrap 3中吗？

您可以使用免费服务创建自己的自定义字体：

只需将

glyph图标拖动到.svg中，选择要使用的图标并下载仅包含所需内容的自定义字体

Fontello预装了以下库：


丰泰利科
字体真棒
恩蒂波
打字员
标志性
现代象形图
气象站
制造实验室
Maki
带状
布兰迪科
难以捉摸
线人
网络符号

你也可以在
以59美元的价格购买Glyphicons的完整版本，只需创建一个自定义的.png并正常使用css就更简单了。
我想使用我买的Glyphicons Pro，但在bootstrap中扩展当前的半身人内容很麻烦。因此，我为每个图标集（full、filetypes和social）创建了一个单独的css文件，并复制了bootstrap初始化它们的方式，以便使用类似的语法。
i、 e



这样，您可以只加载您想要的，并且在您想要的时候加载，并且您可以使用vanilla引导配置。在此处查找我的文件：
我已从购买了完整的Gylphicons套装，并希望使用所有可用的图标。如果你使用更少，你可能不得不做一些不同的事情，我不知道

在尝试从stackexchange网络上的此线程和其他线程发布的各种内容后，我所做的工作如下：

（1） 备份了我原来的bootstrap.css文件（我已经修改了我的文件，还有一个好主意）

（2） 将所有glyphicons常规字体文件从/web/html\u css/fonts目录复制到我的引导字体文件所在的字体目录

（3） 从bootstrap.css的第263行开始，进行如下更改：（您的更改可能略有不同）

他们的url应该指向新的字体文件

（4） 如果您想要像我一样的所有glyph，那么打开/web/html_css/css/目录中标记为glyphicons.css的文件，并复制glyhicons的所有css，除了带有@font face{}和.glyphicon{}的部分
并粘贴到空文本文档中

（5） 您需要对.glyphicons进行搜索和替换（我还是这样做了），请注意结尾处的，并替换为结尾处的.glyphicon编号

（6） 接下来打开bootstrap.css文件，注释掉或删除所有其他.glyphicon样式并粘贴到新样式中

（7） 您可能需要删除文件底部指向bootstrap.css.map文件的行。我没必要，但你可能需要

（8） 快乐的字形

注意您现在应该设置为使用所有GLYHPICON。请记住，GlyphIcon的一些名称与原始引导文件中的名称不同

我为修改后的css文件创建了一个存储库：
我正在查看Bootstrap 3和2.x图标，没有看到任何看起来像建筑的东西。你认为图标建筑是基于什么？JamesMohler，我指的是列出的建筑图标。只需搜索“building”，它应该是唯一的结果。Bootstrap包括来自半身人集合的200种字体。Glyphicons半身人通常不免费提供，但他们的创建者已免费为他们提供引导。完整的Glyphicons Pro集合中提供了建筑图标。如果您喜欢使用.png而不是矢量webfont，则Glyphicons免费集合中提供建筑图标
glyphicons_089_building.png
那么你是说如果我用glyphicons的完整版本替换我字体文件夹中的
glyphicons halflights regular.svg
，那么我将能够使用与其他Bootstrap 3 glyphicons相同语法的其他图标？（即，
）要使用全套图标，您需要将提供的类添加到
glyphicons.less
或
bootstrap.css
文件中。我搜索并发现建筑图标使用了
UTF+E090
，因此您需要添加
.glyphicon建筑{&:before{content:“\E090”；}}
作为@DanieleBrugnara的替代品，请解释原因？谢谢@candlejack:SVG（参见示例中的fontello）人们使用glyhpicons是因为你可以自由地改变它的大小或颜色，而不必每次都改变图标本身。PNG已经过去了。使用svg图标作为字体附加要容易得多。另外，作为图标的参考，请参阅我为每个图标创建的PDF。。。
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-regular.eot');
  src: url('../fonts/glyphicons-regular.eot?#iefix') 
  format('embedded-opentype'), url('../fonts/glyphicons-regular.woff') 
  format('woff'), url('../fonts/glyphicons-regular.ttf') 
  format('truetype'), url('../fonts/glyphicons-regular.svg#glyphiconsregular') format('svg');
}