嵌入式網頁字體，跨平台顯示差異巨大

Question

因此，我已經對此進行了數周的努力，但仍然找不到任何答案。

我使用的字體是League Gothic，並且嘗試同時使用webkit方法和css @fontface方法，兩者都給我相同的結果。

在Apple個人計算機和移動設備以及Andriod設備上，一切看起來都很完美，但是在Microsoft個人計算機上，它們的顯示就像每個字符的行高/字符高都不同。

我已附上一張圖片以顯示我的意思。 左圖來自Apple，左圖來自Microsoft comp，右圖來自Apple。

請注意，這不是瀏覽器問題，在使用一種平台的所有瀏覽器上看起來都不錯，而在使用另一種平台的所有瀏覽器上都不錯。

任何幫助將不勝感激！ 謝謝！

Answer 1

可能的原因是每個瀏覽器都使用不同的字體文件類型。 IE僅使用.eot，而其他瀏覽器將使用.ttf或.otf文件類型。 您的.eot類型可能與其他類型不同。 請嘗試使用其他網絡字體（“ Google網絡字體”可以快速方便地使用），然后查看問題是否仍然存在。 如果是這樣，那么這就是字體的IE渲染問題（當然，沒有瀏覽器以相同的方式渲染字體），如果不是，那就是字體文件問題。