字体真棒图标未出现

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