删除真棒字体下方的填充（CSS图标）

Question

我正在尝试删除字体真棒堆栈图标下面的填充，在我所知范围内，并且在堆栈溢出和其他网站上提供了所有解决方案（将父元素的字体大小设置为0px并通过将边框插入而不是），但无济于事。

我显然错过了一些东西。

预先感谢您解决问题，欢呼。

JSFiddle： https ：//jsfiddle.net/sazeemj/dhvtrh2f/1/

//please ignore

Answer 1

如果这是您的意思，请删除top: -40px span标签中的top: -40px 。

Answer 2

您可以通过添加更改.fa-stack类的高度来解决此问题

.fa-stack { height:1.2em !important; }