自定义字体不宽在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

回答