Fatal编程技术网

Twitter bootstrap 3 Boostrap图标-在firefox中未正确显示

twitter-bootstrap-3

Twitter bootstrap 3 Boostrap图标-在firefox中未正确显示,twitter-bootstrap-3,glyphicons,Twitter Bootstrap 3,Glyphicons,我正在使用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/boots

我正在使用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浏览器屏幕截图看起来不错。

  • Firefox浏览器屏幕截图。
    • 下面的地址解释了原因：[[1]：