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

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

希望这可以帮助。