为什么只有一些 Bootstrap 字形图标有效答案

【问题标题】：Why do only some Bootstrap glyph icons work为什么只有一些 Bootstrap 字形图标有效
【发布时间】：2014-07-11 20:35:50
【问题描述】：

在下面的代码中

<html>
    <head>
        <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
    </head>
<body>
<span class="glyphicon glyphicon-glass"></span>
<span class="glyphicon glyphicon-cutlery"></span>
<span class="glyphicon glyphicon-wrench"></span>
</body>
</html>

前两个图标显示完美，但扳手有一些错误。根据此处的文档：

http://getbootstrap.com/components/

'wrench' 应该是一个有效的图标。如何让扳手显示出来？

【问题讨论】：

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

3.0.0 中没有 glyphicon-wrench..

http://www.bootply.com/rvIujXrVQ7

但是现在有..

http://www.bootply.com/WwpyWuQTr3

【讨论】：

【解决方案2】：

大概您使用的是旧版 Android 并且遇到了 https://github.com/twbs/bootstrap/issues/10106 ，即 fixed in Bootstrap v3.0.1。

这个 SO 线程解释了根本原因：WebKit CSS content Unicode bug?

【讨论】：