真棒字体不显示其图标

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. 没有字体Awesome Lib
2. 图标类输入错误

解决方案：

将下面的链接添加到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>

收件人

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

注意：在fa和remove之间不需要icon这个词。

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 已更新。