为什么Bootstrap显示错误的铅笔图标？

Question

我想在http://glyphicons.bootstrapcheatsheets.com

找到我的页面上的这个图标

然而，当它给我的HTML时：

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

显示此图标：

如何获取第一个铅笔图标而不是第二个？

<小时/> ADDENDUM： <span class="glyphicon glyphicon-home"></span>告诉我：

---

ADDENDUM：我再次下载Bootstrap并将字体文件复制到我的字体目录中，但仍然显示错误的图标：

Answer 1

我认为你已经过了一些像字体很棒的东西 尝试fa fa-pencil作为班级 或代替span使用我标记

Answer 2

感谢所有人，我明白了：

我用CDN链接替换了我对bootstrap js和css的本地引用：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional: Include the jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Optional: Incorporate the Bootstrap JavaScript plugins -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

它工作，这让我发现我本地有多个bootstrap文件。我清理了一下，指向正确的，现在它可以工作。