为什么要显示一个glyphicon而不显示另一个？

Question

我在this page上使用Twitter Bootstrap v.3，页面页脚中有以下标记：

<footer class="footer text-center">
    <span class="contact-point">
        <span class="glyphicon glyphicon-earphone"></span>
        087-2562153 / 01-2876730
    </span>
    <span class="contact-point">
        <a href="mailto:theupstudio@gmail.com">
            <span class="glyphicon glyphicon-envelope"></span>
            theupstudio@gmail.com
        </a>
    </span>
</footer>

这应该显示一个电话号码和一个带有每个字形的电子邮件地址。但是，出于某种原因，手机的图标无法正确呈现（显示正方形），但电子邮件图标正常。

一个glyphicon正确显示了什么，但另一个没有？

Answer 1

无法找到glyphicon字体文件：

＆＃13;

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<footer class="footer text-center">
    <span class="contact-point">
        <span class="glyphicon glyphicon-earphone"></span>
        087-2562153 / 01-2876730
    </span>
    <span class="contact-point">
        <a href="mailto:theupstudio@gmail.com">
            <span class="glyphicon glyphicon-envelope"></span>
            theupstudio@gmail.com
        </a>
    </span>
</footer>

＆＃13;

＆＃13;

＆＃13;

我使用Bootstrap CDN测试它，工作正常。

Answer 2

我猜glyphicon字体文件已损坏。尝试新的bootstrap副本或手动将所有glyphicon字体包含到您的CSS中。