Question

我在CSS中使用它：

#ribbon h2:before { 
  content: '\f145';
  font-family: 'FontAwesome';
  color: #FFF;
}

我想使用这里的图标来增大图标： http://fontawesome.io/examples/

<i class="fa fa-ticket fa-lg"></i> fa-lg
<i class="fa fa-ticket fa-2x"></i> fa-2x
<i class="fa fa-ticket fa-3x"></i> fa-3x
<i class="fa fa-ticket fa-4x"></i> fa-4x
<i class="fa fa-ticket fa-5x"></i> fa-5x

但我无法弄清楚如何混合这些代码，所以我可以使图标更大，因为一个使用数字，一个使用文本代码。如果我想使用fa-2x，我的CSS应该是什么样子？

谢谢！

Answer 1

我不确定您的意思，但您可以通过增加font-size来增加图标大小。
您还可以使用各种字体大小创建自己的类，并指定它们以更改图标大小。

例：

HTML：

<i class="fa fa-ticket fa-6x"></i>

CSS：

.fa-6x
{
    font-size: 6em; /* x6 larger icon */
}

希望这会有所帮助。

CSS中的字体真棒图标 - 更大的尺寸

1 个答案: