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

Question

我正在尝试删除字体下方的填充堆栈图标，尝试了我所知的一切，以及堆栈溢出和其他网站上提供的解决方案（从将父元素的字体大小设置为0px并插入边框而不是）但都无济于事。

有些东西我很明显错过了。

提前感谢您解决问题，欢呼。

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

//please ignore

Answer 1

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

Answer 2

您可以通过添加更改.fa-stack类的高度

来解决此问题

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