Css 谷歌字体不显示Chrome和IE

我正在使用他们的include输入谷歌字体代码。他们的CSS如下所示：

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDfY6323mHUZFJMgTvxaG2iE.eot);
  src: local('Oswald Light'), local('Oswald-Light'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDfY6323mHUZFJMgTvxaG2iE.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

使用这个，我创建了一个css类

.oswald {
    font-family: 'Oswald', Verdana, Arial, Helvetica, sans-serif
}

那我就这样用

<div class="oswald">text</div>

文本

---

这里有点奇怪。我使用的是Visual Studio，因此当我在本地调试它时，我会看到正确的字体。当我把它放在服务器上时，它显示的是Verdana字体。Chrome也显示了错误的正面。Safari和Firefox都显示了正确的字体。

我已经将Oswald Regular转换为必要的

@font-face

格式（TTF、OTF、EOT、SVG、WOFF）

---

这里是包含转换字体的ZIP存档的链接：

我发现使用css@import规则更可靠，并且避免了浏览器兼容性所需的5倍字体格式。将此内容放到CSS文件的顶部：

@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);

---

注：这将包括：Oswald的轻（

font-weight:300

）、普通（

font-weight:400

）和粗体（

font-weight:700

）。

修复了Chrome的问题，对IE有什么想法吗？这就是我的想法，我刚刚粘贴了他们的CSS在这里显示的内容，这样你就可以看到一切了。

@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);