IE8中的谷歌字体:正确的字体在页面加载时短暂显示,然后被覆盖

问题:

在IE8中,h1.startpage-heading应该是“Roboto”,字体大小为100。如果可能,也在IE7中。

背景:

我读过关于SO的文章 http://code.google.com/p/googlefontdirectory/issues/detail?id=9 (请参阅帖子#13)。

我在针对IE8的CSS文件中放入了一个@font face声明。在@font face中,我已将字体重命名为“RobotoThin”。然后,我在同一个IE8-CSS文件中使用声明的字体:

@font-face {
    font-family: 'RobotoThin';
    font-style: normal;
    font-weight: 100;
    src: url(http://themes.googleusercontent.com/static/fonts/roboto/v9/PP2U5prMl9yvKSWVu6DtvPesZW2xOQ-xsNqO47m55DA.eot);
    src: local('Roboto Thin'), local('Roboto-Thin'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/PP2U5prMl9yvKSWVu6DtvPesZW2xOQ-xsNqO47m55DA.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
.startpage-heading {
    font-family: 'RobotoThin';
    color:red;
}

案例:

在IE8中加载页面时,在被其他字体族声明覆盖之前,会短暂显示正确的字体(尽管文本仍然是红色)。当检查IE开发工具中的标题时,该元素似乎继承了正确的CSS声明。

更多背景:

当我尝试推杆时,问题没有解决!在IE8-CSS中的“RobotoThin”之后很重要。

谢谢