css - Font-Awesome 如何让字体缩放？

Question

我正在拼命尝试让我的放大镜字体将其渲染得更大。下面的代码在 Firefox 中运行良好，但在 Chrome 或 IE9 中运行不正常。

我错过了什么？

.icon-larger
{
   font-size:50px;
}

<div class="search-icon"><i class="icon-search icon-larger"></i></div>

谢谢!

Answer 1

看看这个page并查看缩放图标大小的示例。

您最多可以放大 5 倍。

例子:

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