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

Internet explorer 8 IE8中的谷歌字体:页面加载时短暂显示的正确字体,然后被覆盖,internet-explorer-8,google-font-api,Internet Explorer 8,Google Font Api,问题: 在IE8中,h1.startpage标题应为“Roboto”,字体重量为100。如果可能,也可以在IE7中使用 背景: 我读了很多东西(请看第13篇) 我在针对IE8的CSS文件中添加了@font-face声明。在@font-face中,我已将字体重命名为“RobotoThin”。然后在同一个IE8-CSS文件中使用声明的字体: @font-face { font-family: 'RobotoThin'; font-style: normal; font-wei

问题:

在IE8中,h1.startpage标题应为“Roboto”,字体重量为100。如果可能,也可以在IE7中使用

背景:

我读了很多东西(请看第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”之后很重要


谢谢为IE7-8解决的问题:

发现您必须提供与IE7-8的index.html相同域的字体,您不能链接到其他域,例如