自定義字體不寬在Internet正確呈現瀏覽器11

在我們的網站之一，我們使用typotheque.com字體導入，如下所示：自定義字體不寬在Internet正確呈現瀏覽器11

@import url("http://fonts.typotheque.com/WF-XXXXX-XXXXX.css");

的字體正確地顯示在瀏覽器和類似。在Windows 7上的Internet Explorer 11中，呈現字體，但其寬度不正確。在應用字體之前，文本的寬度看起來好像是之前。

其結果是，該文本被重疊和詞語不準確包裝：

not correct on Internet Explorer

在Chrome，字體寬度被計算並且該字被正確地包裹：

displaying correctly on Chrome

其他的事情，我們嘗試：

任何提示或推動正確的方向來解決這個問題，非常感謝。您可以在這裏找到的網站：http://www.claireundgeorge.ch/fr/

編輯：

2015-04-23 uruk

你有沒有使用規則 - 單詞break：keep-all; –

是的，沒有任何改變 – uruk

我看了你的樣式表，並且在加載頁面樣式之前加載了一大堆字體。嘗試改變順序。首先放置自己的頁面樣式，特別是應用字體的樣式。 – Aaron

當你比較在IE中計算出的是什麼，在FireFox中計算出來，你可以在這裏看到最壞的男孩是什麼。

在IE中，h2的padding-bottom屬性是4px。當我取消選中此屬性對我來說看起來不錯。

我不能在這裏上傳圖片，由於愚蠢的聲譽極限的事情，但我希望我descriped它不夠好......

2015-04-23 10:02:42 DavidVollmers

我也可以取消選中文本修飾屬性，然後它看起來不錯。這是（我認爲）由於IE重新呈現元素的事實。在CSS中更改padding-bottom的值不會改變任何內容。 – uruk

但事實上，你的CSS在每個瀏覽器中都不一樣，可能會有更多的差異。我會比較所有的道具和嘗試錯誤，直到找到合適的道具爲止。 – DavidVollmers

我也有typotheque web字體+ IE的問題。我現在的解決方法有點骯髒：我使用jquery $（window）.load來調整元素填充1px，然後IE重新繪製正確的字體。

2016-02-13 10:45:21 simohell

回答