Значки глификонов Boostrap - неправильно отображаются в Firefox

Я использую версию плагина bootsrap - bootstrap-3.2.0

Пробовал отображать значки. он хорошо работает в браузере Chrome, но не очень хорошо в браузере Firefox. Я использовал следующий код ниже:

<html>
  <head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <link href="dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="dist/js/bootstrap.min.js"></script>
  <link href="dist/css/bootstrap-glyphicons.css" rel="stylesheet">
    <title></title>
    <meta content="">
    <style></style>
  </head>
  <body>
    <!-- Glyphicon in a H1 tag -->
    <h1>Hello, <span class="glyphicon glyphicon-globe"></span>
    <span class="glyphicon glyphicon-asterisk"></span>
    <span class="glyphicon glyphicon-home"></span>
    <span class="glyphicon glyphicon-globe"></span>
    <span class="glyphicon glyphicon-globe"></span>
    <span class="glyphicon glyphicon-th-list"></span>
     !</h1>
  </body>
</html>

Я прикрепил снимок экрана для обоих браузеров. 1. Снимок экрана браузера Chrome выглядит хорошо. введите здесь описание изображения

  1. Снимок экрана браузера Firefox. введите здесь описание изображения

twitter-bootstrap-3 glyphicons
person RSKMR    schedule 12.09.2014    source источник
comment
Похоже, проблема в этом   -  person Schmalzy    schedule 12.09.2014
comment
По указанному ниже адресу объясняется, почему: [stackoverflow.com/questions/19085942/ [1]: stackoverflow.com/questions/19085942/   -  person gugoan    schedule 17.01.2015