Почему один глификон отображается, но не другой?

Question

Я использую Twitter Bootstrap v.3 на this page и у меня есть следующий код в колонтитуле:

<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 не может быть найдено:

<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, работает нормально.

Answer 2

Я думаю, файл шрифта глификон поврежден. Попробуйте новую копию бутстрапа или вручную включите все глификонные шрифты в ваш css. файлы шрифтов