html - 为什么显示一个字形而不显示另一个？

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>

这应该显示一个电话号码和一个电子邮件地址，每个地址都有一个字形。但是，出于某种原因，电话图标未正确呈现(而是显示了一个正方形)，但电子邮件图标没问题。

什么是一个字形显示正确，而另一个字形显示不正确？

Answer 1

找不到字形字体文件:

<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>

我使用 Bootstrap CDN 对其进行了测试，工作正常。