fonts - 内嵌网页字体，跨平台显示差异巨大

Question

所以我已经为此奋斗了几个星期，但仍然找不到任何答案。

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

在 Apple 电脑和移动设备以及 Andriod 设备上，一切看起来都很完美，但在 Microsoft 电脑上，它们显示的好像每个字符都有不同的行高/字符高度。

我附上了一张图片来说明我的意思。左边的图片来自苹果，左边的图片来自微软的comp，右边的图片来自苹果。

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

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

Answer 1

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