Bootstrap 3.2.0 Glyphicons不工作

时间:2014-08-23 21:24:40

标签: css twitter-bootstrap-3 glyphicons

我是训练有素的新手。它的glyphicons不适合我。在我检查代码后,font-family的{​​{1}}为glyphicon-user&不是"Helvetica Neue",​Helvetica,​Arial,​sans-serif。我错过了什么或者我是否需要更改Glyphicons Halflings文件。

css

3 个答案:

答案 0 :(得分:10)

您需要添加课程glyphicon

所以你的跨度应该是:

<span class="glyphicon glyphicon-user"></span>

如文档中所示:http://getbootstrap.com/components/#glyphicons-how-to-use

答案 1 :(得分:2)

仅为字形命名是不够的,您还必须使用类glyphicon

<span class="glyphicon glyphicon-user"></span>

另外,请注意您是否在Opera移动模拟器中使用此功能。它不能正确支持这些字体,因此您将获得一个空白方块。

答案 2 :(得分:0)

按照步骤在您的boostrap项目中使用Glyphicons图标:

  1. 从最近从http://getbootstrap.com下载的代码中添加字体文件夹到您的项目
  2. &#13;
    &#13;
    <span class="glyphicon glyphicon-user"></span>
    &#13;
    &#13;
    &#13; enter image description here

    谢谢!