嵌入式网页字体，显示交叉平台的巨大差异

Question

所以我几周来一直在打击这个，但仍然无法找到任何答案。

我正在使用字体League Gothic并尝试使用webkit方法和css @fontface方法，两者都给了我相同的结果。

Apple PC和移动设备上的一切看起来都像Andriod设备一样完美，但在Microsoft PC上，它们显示为每个角色都有不同的线高/字符高度。

我附上了一张图片来表明我的意思。左边的图像来自Apple，左边的图像来自Microsoft comp，右边的图像来自Apple。

请注意，这不是一个浏览器问题，它在使用一个平台的所有浏览器上看起来很棒，而在使用另一个平台的所有浏览器上都显示错误。

任何帮助将不胜感激！ 谢谢！

Answer 1

可能的原因是每个浏览器使用不同的字体文件类型; IE ONLY仅使用.eot，而其他浏览器将使用.ttf或.otf文件类型。可能是你的.eot类型与其他类型不同;尝试使用不同的网络字体（Google Web Fonts可以快速方便地使用）并查看问题是否仍然存在。如果是这样，那么它是一个IE渲染问题与字体（并授予，没有浏览器以相同的方式呈现字体），如果没有，那么它是一个字体文件问题。