Font Awesome 图标没有显示（控制台没有错误）

Question

我知道有很多问题可以解决这个问题，但 none 对我有用：

使用firebug检查时，字体路径也是正确的，没有丢失。

我尝试使用外部 link 来调用 font-awesome css 但是没有用：

Font Awesome icons disappear after refresh of browser

我了解到 chrome 有时会出现问题，但它也无法在 mozilla 上运行：

Font Awesome icons disappear after refresh in Chrome

以下是我模板的临时 link：

http://pixelcreations.in/finepix/

我的代码：

    <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

        <!--<link rel="stylesheet" type="text/css" href="css/index.css" />-->

        <link href="css/style.css" rel="stylesheet" />

        <!-- for the Skeleton -->
        <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/skeleton.css" type="text/css" media="screen" />

        <!--font awesome-->
        <link rel"stylesheet" href="css/font-awesome/font-awesome.min.css" type="text/css" media="screen" />


    </head>
    <body>
        <div class="app">
            <div class="container">
              <div class="row">
                <div class="twelve column" style="background-color: #000;height:50px; color:white; padding:15px;">
                    <div class="u-pull-left">
                        <a href="">

                        </a>
                    </div>
                    <div class="u-pull-right" style="padding-left:9px; cursor: pointer;">
                         <a href="">
                            <i class="fa fa-ellipsis-v"></i>
                        </a>
                    </div>
                    <div class="u-pull-right" style="padding-left:9px; cursor: pointer;">
                        <a href="">
                            <i class="fa fa-shopping-cart"></i>
                        </a>
                    </div>
                    <div class="u-pull-right" style="padding-left:9px; cursor: pointer;">
                         <a href="">
                            <i class="fa fa-bell "></i>
                        </a>
                    </div>
                </div>
              </div>
            </div>

            <div class="container">
              <div class="row">
                <div class="twelve column" style="background-color: #ffffff; color: #aaaaaa; width: 100%; min-height: 500px; height: auto;">

                </div>
              </div>
            </div>

        </div>
        <!--<script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>-->
        <script src="lib/jquery-1.11.2.min.js"></script>
    </body>
</html>

Answer 1

CSS 文件未加载，因为您在行中缺少 = 个字符：

<link rel"stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" type="text/css" media="screen" />

改为

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" type="text/css" media="screen" />

我已经在 firebug 中验证了它的有效性。

Font Awesome 图标没有显示（控制台没有错误）

Font Awesome icons not showing up (no error in console)

html

css

font-awesome