字体真棒4.1图标不起作用?

时间:2014-06-20 18:19:55

标签: css web font-awesome

我已尝试将此代码添加到我的标题

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

如果不起作用,请从Font Awesome GitHub

添加整个项目

似乎都没有用。所有4.1之前的图标加载都很好,但我需要的4.1一个不加载(即fa-cube)。还有其他人有这个问题吗?

4 个答案:

答案 0 :(得分:2)

您可以使用<i>标记添加Font Awesome。这就是你如何使用它:

HTML:

<div>
    <i class="fa fa-cube"></i>
</div>

你可以在这里看到 - &gt; http://jsfiddle.net/Zv8mH/

希望这有帮助!!!

答案 1 :(得分:1)

正如您在发布的 CSS 文件中所看到的那样:

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

字体也必须添加到项目中,因为 CSS 文件会引用它们。

答案 2 :(得分:0)

Here您可以验证。它正在发挥作用。

代码如下:

<span class="fa fa-cube"></span>

答案 3 :(得分:0)

Ensure the following:
1. You have linked the correct stylesheet 
2. You have enclosed the icon class with <i> tag
<i class="fa fa-cubes"></i>

You can find more icons available with fontawesome at http://fontawesome.io/icons/