有什么方法可以删除Fontawesome 5图标的多余顶部和底部填充,如图所示(添加红色背景色之后)
<i class="fab fa-5x fa-facebook" style="background-color: red;"></i>
答案 0 :(得分:2)
要消除文本/图标中的多余填充,您可以为图标设置静态line-height
。
即如果您的真棒字体图标高30px
,但是其中5px
是填充的,则可以执行以下操作:
i{line-height: 25px;}
答案 1 :(得分:0)
不确定这样做是否正确,但是更改line-height
对我不起作用。我最终通过使用fa-layers
<a href="#" class="fa-layers fa-fw" target="_blank">
<i class="fas fa-square" style="color: #FFFFFF;"></i>
<i class="fab fa-facebook" style="color: #3C5995;"></i>
</a>