iconfont 图标在不同浏览器下显示问题

Question

这个是在chrome下

这个是在firefox下
如图底部多处了6px的空白
使用的是阿里的iconfont
不知道是设计制作问题
还是本来就存在这种问题
有没有办法解决求个大神解答一下

Answer 1

可以尝试用火狐浏览器csshack写法， @-moz-document url-prefix() { .selector { property: value; } }，改变line-height的值达到控制图标对齐的目的。