Question

这里的代码和fontawesome字体显示在chrome上但不在mozilla 33.0中。我正在做的错误是什么？

<head>
    <title>Welcome To Sri Mata Anandamayi Ashram</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Sri Mata Anandamayi Ashram">
    <meta name="author" content="">
    <meta charset="UTF-8">

    <!-- CSS Bootstrap & Custom -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet" media="screen">
    <link href="css/main.css" rel="stylesheet" media="screen">



    <!-- JavaScripts -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/modernizr.min.js"></script>
    <!--[if lt IE 8]>
    <div style=' clear: both; text-align:center; position: relative;'>
        <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
    </div>
    <![endif]-->
</head>

Answer 1

您不使用任何字体真棒类图标。以你的FA版本为例：

<i class="test fa fa-coffee"></i>

http://jsfiddle.net/1158kjwf/

FontAwesome不会在Firefox 33中显示

1 个答案: