css - CSS 中的 Font Awesome 图标 - 更大的尺寸

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

希望这会有所帮助。