我不能为我的生活找出为什么我使用gulp-iconfont构建的相同字体在Windows上与基本上所有其他操作系统(包括移动操作系统)呈现出如此大的差异。我通过Browserstack测试了几乎所有这些浏览器,并且Windows上运行的所有浏览器都会在每个图标上方/下方渲染字体,而所有其他平台都按预期呈现。
我使用检查器突出显示了以下屏幕截图的元素:
窗:
MACOS:
我认为我已将其缩小为字体渲染,因为当我更改css中的font-family时,字符周围的间距会蒸发掉。我已经搞乱了gulp-iconfont选项(fontHeight设置为1024并且字体正在规范化)但没有成功。
我唯一的选择是放弃编译我自己的iconfont并使用svg,或者有人知道我可能做错了什么吗?我感受到了失败的恶臭,所以任何淡淡的希望都会让我快乐起来。