字体真棒没有显示其图标

Question

想知道为什么Font awesome图标没有出现在我的应用程序中，但在写完ultra-simple fiddle之后，我发现即使代码很少，它们也不会出现。

我只是加载CDN并插入如下图标：

<!-- Font awesome stylesheet -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<i class="fa fa-camera-retro fa-5x">This is a camera</i>
<i class="fa fa-icon-remove fa-2x" style="color: red;">This is an X</i>

我错过了什么？

Answer 1

试试这个：

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

<i class="fa fa-camera-retro fa-5x">This is a camera</i>
<i class="fa fa-remove fa-2x" style="color: red;">This is an X</i>

这里是fiddle

Answer 2

有几个错误。

1. 没有fontAwesome Lib
2. Mistyped icon class

<强>解决方案：

将下面的链接添加到为小提琴提供的外部资源空间

//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css

然后更改

<i class="fa fa-icon-remove fa-2x" style="color: red;">This is an X</i>

要

<i class="fa fa-remove fa-2x" style="color: red;">This is an X</i>

注意： fa 和删除之间不需要图标一词。

See it working here

Answer 3

如果使用jsfiddle，您必须在外部资源下添加以下链接：

// maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css

或者在头部使用：

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

您的jsfiddle已更新。