Css 自定义字体在IE中出现问题

以下是我的样式表的顶部：

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
body{
    font-family:"Open Sans";
    background-image:url(images/greyFadeBG.jpg);
    background-repeat:repeat-x;
    background-color:#ffffff;
    margin:0px;
    padding:0px;
    height:100%;
    min-width:870px;
    font-size:14px;
    color:#666666;
}

这将显示IE中的自定义字体（9和10） 如果我更改字体系列中的行：“打开SAN”；字体系列：“开放式Sans”，无衬线

自定义字体将显示在IE7中，但所有IE版本都将显示san serif字体

我从Font Squirrel尝试过这个，但没有成功：

@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

---

有什么想法吗？

对于第二个

@font-face

，您需要将body字体系列更改为

body{
    font-family: "open_sansregular";
}

或者更好

body{
  font-family: "Open Sans", "open_sansregular", sans-serif;
}

---

IE8及更低版本不支持

@font-face

，IE9+仅支持可扩展的开放式（.eot）字体。@jimjimmy1995，IE是第一个支持

@font-face

（5.5版）的浏览器，IE 9增加了对eot以外格式的支持；你看，问题出在哪里？IE9支持WOFF格式，IE8不支持。要使可下载字体（“自定义字体”）在所有浏览器上工作，请使用FontSquirrel代码中所示的其他字体格式。但是自然地，您必须使用与

字体系列

声明中的

正文

或其他元素相同的字体名称。你应该准确地解释你是如何尝试FontSquirrel方法的（演示的完整代码）。这很有帮助！我只需要在末尾添加sans serif就可以了：字体系列：“opensans”，“Open_sansregular”，sans serif；