iconfont图标在不同浏览器下高度不一样怎么解决？

答案:4 悬赏:60

解决时间 2021-01-22 19:50

提问者网友：暮烟疏雨之际
2021-01-21 20:00

最佳答案

二级知识专家网友：刀戟声无边
2021-01-21 20:20

如果在制作字体时，对象未铺满画布，或上或下，都会造成生成的字体出现对不齐的情况，所以在制作时一定要将对象铺满画布，就不会再出现这种问题了；
如果你无法改变这些，那就调整css的vertical-align属性，如vertical-align: -3px;

全部回答

1楼网友：白昼之月
2021-01-22 00:03

不知道楼主解决没有，我的情况是在谷歌，firefox,ie浏览器正常，在360浏览器就错位了。。。

2楼网友：逐風
2021-01-21 23:13

用的是阿里图标吧，这种情况是不稳定的，没有做高度固定，图标本事编码不兼容问题，建议用国外的图标制作，之前用国外一个图标制作，屁点问题都没有，用阿里图标的以后，就出现这种问题，推荐使用https://icomoon.io/一国外图标制作网站，阿里图标资源多，可以把阿里图标需要的图标下载后，导入这个网站生成一遍，问题就解决了。

3楼网友：白昼之月
2021-01-21 21:47

楼主，你解决了没呀？我们设计简直是作死，也用这个，结果我也出现这种情况了，欧鹏、谷歌、火狐、IE都没事，就360浏览器出问题，我以为就这样算了，然后在手机一看，还真就出问题了，好嘿烦呀，想了好久都没想到解决方案

搞了半天，我都开始怀疑这个世界是不是没爱了，！！！！

display: block; color:#7e7e7e; font-size: 30px; width: 100%; height: 40px;
font-family:"iconfont"; font-style:normal; -webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;

高度呀、宽度、颜色、字体大小自设，最后把相关的行高line-height删了试试，为了弄好这个，耗了很久，平面设计和经理都开始叼我了

刚刚试成功的，不敢保证你们也行，如果还救不了同行的你们，你们就自刎吧.....

我要举报

如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！