Question

我正在尝试了解它发生了什么，我在Firefox中使用了字体非常棒且2个图标根本没有加载，你能帮助我解决它吗？

如果你打开jsfiddle，你会看到有关chrome的工作，但不会在firefox中。

图标不起作用：

fa-user-circle-o
fa-calendar-plus-o

图标工作：fa fa-pencil-square-o

经过测试：

Ubuntu的Firefox 55.0.2（64位）

Ubuntu的Chrome版本58.0.3029.96（64位）

jsfiddle：https://jsfiddle.net/s15dxabc/4/

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<br><br>
<i class="fa-calendar-plus-o"></i>
<br><br>
<i class="fa-user-circle-o"></i>
<br><br>
<i class="fa fa-pencil-square-o"></i>

Answer 1

这是更新的js小提琴https://jsfiddle.net/s15dxabc/6/ 您忘了添加.fa类

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<br><br>
<i class="fa fa-calendar-plus-o"></i>
<br><br>
<i class="fa fa-user-circle-o"></i>
<br><br>
<i class="fa fa-pencil-square-o"></i>

＆＃13;

Answer 2

所有fontawesome图标也需要fa类。

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<br><br>
<i class="fa fa-calendar-plus-o"></i>
<br><br>
<i class="fa fa-user-circle-o"></i>
<br><br>
<i class="fa fa-pencil-square-o"></i>

＆＃13;

Answer 3

请参阅更新的小提琴：

Updated Fiddle

<br><br>
<i class="fa fa-calendar-plus-o"></i>

<br><br>
<i class="fa fa-user-circle-o"></i>

<br><br>
<i class="fa fa-pencil-square-o"></i>

Answer 4

你缺少两个第一个元素的fa类。

https://jsfiddle.net/s15dxabc/8/

应该是：

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<br><br>
<i class="fa fa-calendar-plus-o"></i>
<br><br>
<i class="fa fa-user-circle-o"></i>
<br><br>
<i class="fa fa-pencil-square-o"></i>

＆＃13;

Answer 5

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<br><br>
<i class="fa fa-calendar-plus-o"></i>
<br><br>
<i class="fa fa-user-circle-o"></i>
<br><br>
<i class="fa fa-pencil-square-o"></i>

字体真棒图标在Firefox中不起作用

5 个答案: