Bootstrap glyphicon图标 - 在Firefox中无法正确显示

时间：2014-09-12 09:49:16

标签： 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/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浏览器屏幕拍摄它看起来不错。 enter image description here

  1. Firefox浏览器屏幕截图。 enter image description here

0 个答案:

没有答案
相关问题
最新问题