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

Question

因此，我已经对此进行了数周的努力，但仍然找不到任何答案。

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

在Apple个人计算机和移动设备以及Andriod设备上，一切看起来都很完美，但是在Microsoft个人计算机上，它们的显示就像每个字符的行高/字符高都不同。

我已附上一张图片以显示我的意思。 左图来自Apple，左图来自Microsoft comp，右图来自Apple。

请注意，这不是浏览器问题，在使用一种平台的所有浏览器上看起来都不错，而在使用另一种平台的所有浏览器上都不错。

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

Answer 1

可能的原因是每个浏览器都使用不同的字体文件类型。 IE仅使用.eot，而其他浏览器将使用.ttf或.otf文件类型。 您的.eot类型可能与其他类型不同。 请尝试使用其他网络字体（“ Google网络字体”可以快速方便地使用），然后查看问题是否仍然存在。 如果是这样，那么这就是字体的IE渲染问题（当然，没有浏览器以相同的方式渲染字体），如果不是，那就是字体文件问题。