Html 字体不显示其图标

有几分钟我一直在想为什么我的应用程序中没有出现令人敬畏的字体图标，但在写了这篇文章之后，我发现即使代码很少，它们也不会出现

我正在加载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>

这是一架照相机
这是一个X

---

我缺少什么？

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

//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">

您的帐户已更新。

请尝试以下操作：

<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>

这是一架照相机
这是一个X

这里是一些错误

没有可怕的自由

输入错误的图标类

解决方案：

将下面的链接添加到为fiddle上的外部资源提供的空间中

//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>

这是一个X

至

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

这是一个X

注意：在fa和删除之间不需要单词图标

---

您缺少字体库。。。bootstrap中不包括字体awesome