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。