Css 字体图标字体大小不正确

我使用以下代码显示一个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>

/*150px=300px/2*/
.fa-icon-300{字体大小：150px！重要；}

然而，即使span的大小是300x300px，实际的图标也要小一点

看看Safari的开发工具：

我需要的图标是完全300x300px大。有什么建议吗

---

致以最诚挚的问候

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

---

那么，我们现在在做什么？简单的数学<代码>300*（300/260）=346,15…。只需将图像的大小设置为346，您的图标将为~300px。

您确定此“图标”确实使用了可用区域的所有空间吗？在我看来，这个标志符号本身似乎有一些内部填充。没有想到这一点，你可能是对的。。。有没有办法验证这一点？不幸的是，我对webfonts的内部工作原理一无所知。webfonts也和其他字体一样工作。。。第一个想法是简单地寻找其他符号：取你能找到的最高的一个并比较它。。。可能有一些空白或完整的标志符号可用？然后你可以把它放在小提琴手的彩色背景上，比较不同的字形。你可能会看到不同的“填充物”。我理解你的意思，你建议的解决方案有效。然而，我并不十分满意，因为外部的div框也需要更多的空间（346，x px）。我更希望能够从图标中删除填充，但由于填充看起来是图标本身的一部分，因此无法使用CSS删除它（如果我理解正确的话）。