gulp-iconfont:Iconfont在Windows上呈现出截然不同的效果

时间:2017-10-26 00:29:39

标签: css svg fonts gulp icon-fonts

我不能为我的生活找出为什么我使用gulp-iconfont构建的相同字体在Windows上与基本上所有其他操作系统(包括移动操作系统)呈现出如此大的差异。我通过Browserstack测试了几乎所有这些浏览器,并且Windows上运行的所有浏览器都会在每个图标上方/下方渲染字体,而所有其他平台都按预期呈现。

我使用检查器突出显示了以下屏幕截图的元素:

窗:

Here it is on windows

MACOS:

Here it is on macOS

我认为我已将其缩小为字体渲染,因为当我更改css中的font-family时,字符周围的间距会蒸发掉。我已经搞乱了gulp-iconfont选项(fontHeight设置为1024并且字体正在规范化)但没有成功。

我唯一的选择是放弃编译我自己的iconfont并使用svg,或者有人知道我可能做错了什么吗?我感受到了失败的恶臭,所以任何淡淡的希望都会让我快乐起来。

0 个答案:

没有答案