字體真棒圖標未出現

Question

在使用Font Awesome時遇到一些困難，並且想知道是否有人可以指出我正確的方向？ 這就是我所擁有的

<head>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"/>
</head>

<body>
    <div class="sectionTitle">
      <div class="section colour1">
        <i class="fa fa-camera-retro fa-3x">Camera 3px</i>
      </div>
    </div>
</body>

然后渲染頁面時，盡管出現了Camera 3px文本，但是並未顯示Camera圖標。 我敢肯定，我在這里已經忽略了一些基本知識。 任何對此的任何想法都將是很棒的。

謝謝

Answer 1

它在這里加載：

<head>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"     rel="stylesheet"/>
</head>

<body>
    <div class="sectionTitle">
      <div class="section colour1">
        <i class="fa fa-camera-retro fa-3x">Camera 3px</i>
      </div>
    </div>
</body>

http://jsfiddle.net/CLVx4/

猜猜你做的一切正確。

Answer 2

您的代碼看起來正確，因此我認為問題出在其他地方。

如果您通過file:// URI方案而不是http://來查看頁面，則在未在鏈接URL中顯式指定http://情況下，指向外部CSS文件的鏈接將無法工作，這使我無所適從倍。 可能值得將鏈接更改為：

<link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"/>

字體真棒圖標未出現

問題描述

2 個解決方案

解決方案1
1 2014-06-16 13:06:38

解決方案2
0 2014-06-16 13:10:57

字體真棒圖標未出現

問題描述

2 個解決方案

解決方案1 1 2014-06-16 13:06:38

解決方案2 0 2014-06-16 13:10:57

解決方案1
1 2014-06-16 13:06:38

解決方案2
0 2014-06-16 13:10:57