自定义字体在IE8中呈现错误

Question

由于特定的客户要求，我需要使用IE8作为网站的主浏览器，他们要求在页面标题上使用自己的自定义字体。 H1更准确。 我遇到的问题是，在完全相同的页面（无论页面），标题有时使用自定义字体正确呈现，但有时IE8会弄乱文本并显然应用了后备字体。

Bellow是两个屏幕截图，一个正确应用了字体，另一个没有应用：

好字体：

糟糕的字体：

我有以下样式表，我在其中定义该自定义字体的规则。我提前道歉，但我不能公开字体的名称（NDA有效）。

@font-face {
    font-family: 'secretfont_exbregular';
    src: url('../fonts/secretfontexbd-webfont.eot');
    src: url('../fonts/secretfontexbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/secretfontexbd-webfont.woff') format('woff'),
         url('../fonts/secretfontexbd-webfont.ttf') format('truetype'),
         url('../fonts/secretfontexbd-webfont.svg#secretfont_exbregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'secretfont_ltregular';
    src: url('../fonts/secretfontlt-webfont.eot');
    src: url('../fonts/secretfontlt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/secretfontlt-webfont.woff') format('woff'),
         url('../fonts/secretfontlt-webfont.ttf') format('truetype'),
         url('../fonts/secretfontlt-webfont.svg#secretfont_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'secretfont_rgregular';
    src: url('../fonts/secretfontrg-webfont.eot');
    src: url('../fonts/secretfontrg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/secretfontrg-webfont.woff') format('woff'),
         url('../fonts/secretfontrg-webfont.ttf') format('truetype'),
         url('../fonts/secretfontrg-webfont.svg#secretfont_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'secretfont_rgbold';
    src: url('../fonts/secretfontrgbd-webfont.eot');
    src: url('../fonts/secretfontrgbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/secretfontrgbd-webfont.woff') format('woff'),
         url('../fonts/secretfontrgbd-webfont.ttf') format('truetype'),
         url('../fonts/secretfontrgbd-webfont.svg#secretfont_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

我设置标题字体系列的样式表：

h1 {
    color: #E60000;
    font-family: 'secretfont_ltregular', Arial, Helvetica, sans-serif;
    font-size: 36px;
}

我已经尝试了我能想到的一切，但似乎无法从IE8中获得一致的行为。我该怎么做才能让它按预期工作？

Answer 1

我遇到了类似的问题 - 所有EOT文件都被IE8成功加载，但只是零星地应用。经过很多挫折之后，似乎唯一有用的就是在标签下面添加chrome框架元标记：

<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1" />

请注意，2014年1月http://www.chromium.org/developers/how-tos/chrome-frame-getting-started

停止支持镀铬框架