FontAwesome图标的字体大小不正确

Question

我正在使用以下代码显示其中带有图表图标的300x300px圆圈：

<style>
/* 150px=300px/2 */
.fa-icon-300 { font-size: 150px !important; }
</style>
<span class="fa-stack fa-icon-300">
    <i class="fa fa-circle fa-stack-2x"></i>
    <i class="fa fa-film fa-inverse fa-stack-1x"></i>
</span>

但是，即使跨度的大小为300x300px，实际的图标也要小一些。

看一下Safari的开发工具：

我需要图标的尺寸正好为300x300px。 有什么建议么？

最好的祝福

Answer 1

您正在设置整个图像的大小，而不仅仅是图标。 该图标的两侧各填充20px。

那么，我们现在在做什么？ 简单的数学。 300*(300/260) = 346,15... 只需将图像的大小设置为346，您的图标将为〜300px。