0

出于某种原因，在我们的 Weblogic 测试服务器上，IE9 无法正确呈现 @font-face 字体。它们在我们的本地开发环境中加载良好，但是当我们部署进行测试时，Font Awesome 和 TinyMCE4 的图标字体无法加载。

我已将问题缩小到 IE9 似乎在 eot 字体之后加载 woff 和 ttf 字体（见下面的 SS），但无法弄清楚为什么它在我们的开发环境中正常工作，但在测试服务器上却没有：

在此处输入图像描述

如您所见，它正在正确加载 eot，但由于某种原因，它继续运行，并且仍然加载 woff 和 ttf。这在我们的开发环境中不会发生（仅加载了 EOT）。我在 web.xml 中设置了 mime 类型，如下所示：

<mime-mapping>
    <extension>eot</extension>
    <mime-type>application/vnd.ms-fontobject</mime-type>
</mime-mapping>
<mime-mapping>
    <extension>ttf</extension>
    <mime-type>application/x-font-ttf</mime-type>
</mime-mapping>
<mime-mapping>
    <extension>woff</extension>
    <mime-type>application/x-font-woff</mime-type>
</mime-mapping>
<mime-mapping>
    <extension>otf</extension>
    <mime-type>font/opentype</mime-type>
</mime-mapping>

@font-face 声明看起来是正确的：

@font-face {
    font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.eot?v=3.0.1');
    src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1')format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.0.1')format('woff'), url('../font/fontawesome-webfont.ttf?v=3.0.1')format('truetype');
    font-weight: normal;
    font-style: normal
}

我已经到处搜索了其他 IE9 @font-face 问题（还有很多其他 IE9 字体问题），但似乎没有一个解决方案对我们有用。我猜这与从我们的服务器提供文件有关。

任何帮助将不胜感激！

谢谢！

4

0 回答 0