Safari渲染与透明填充 我在项目中使用字体很棒，而且每一个图标都排在中间。在Chrome、Firefox和IE上，它们是正确对齐的，但在Safari上，图标会下降约3或4像素

我检查了图标，在每一个浏览器中，它们都被渲染并显示出它们应有的空间。但在Safari中，它们的渲染具有额外的顶部大小，即图标顶部的透明填充。这不是垂直对齐或线条高度问题，角色本身的顶部有“透明填充”

---

这看起来很傻，但在一个大型项目中，每个图标都向下对齐了3/4倍，这让我非常头疼。

一个可能的原因是，在不同的浏览器中，默认行高度不同。尝试显式设置此选项，以查看是否会产生影响：

CSS

i{
line-height:20px;
}  

甚至

i{
display:inline-block;
}  

根据样式的具体情况，您可能还需要在i标记上设置一个类，例如

i.icon-class{ ....} 

祝你好运