Question

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

<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）。还有其他人有这个问题吗？

Answer 1

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

HTML：

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

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

希望这有帮助!!!

Answer 2

正如您在发布的 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 文件会引用它们。

Answer 3

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

代码如下：

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

Answer 4

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/

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

4 个答案: