Font-Awesome Icon没有调整大小

Question

我在dev标签中并排放置了3个字体真棒图标。在移动设备上有点太小了。我把它放在我的代码中，但这个特定的图标不会改变大小？

<i class="fa fa-heart fa-2x"></i>

以及他们的样子：

的CSS：

hover-info .fa .fa-heart {
font-size: 2em;

}

Answer 1

这在我的浏览器中有效：

.fa-heart {
  font-size: 4em;
}

也许您对＆＃39; hover-info＆＃39; 的引用导致了此问题。

注意：你的css＆＃39;文件必须在fontawesome之后加载。

Answer 2

如果您不想定义css类，另一个选择是：

<font size="8"> <i class="fa fa-facebook"></i> </font>

然后只剩下更改字体标签的编号。
就我而言，效果很好，希望您也一样。
问候