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文本是。我确信我忽略了一些基本的东西。对此有任何想法都会很棒。

由于

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://查看页面，如果未在链接网址中明确指定http://，则无法使用外部CSS文件的链接，已经把我抓了很多次。可能值得更改链接：

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

字体真棒图标没有出现

2 个答案: