Css @字体大小字体重量轻在IE11中不起作用

我正在尝试将css@font-face字体嵌入为浅色字体。它在Firefox中运行良好，但在IE11中不起作用。在IE11中，字体粗体和规则的工作方式很好，但字体不轻。在以下代码中，文本显示为Oswald regular：

@font-face {
  font-family: Oswald;
  font-weight: 300;
  src: url('oswaldlight.eot');
  src: url('oswaldlight.eot?#iefix') format('embedded-opentype'), url('oswaldlight.woff') format('woff'), url('oswaldlight.ttf') format('truetype');
}

div.h-title {
  font-size: 62px;
  letter-spacing: 3px;
  font-family: Oswald, sans-serif;
  font-weight: 300;
  color: #7a7a7a;
  text-transform: uppercase;
  line-height: 1.3em;
}

我已经查看了下面类似的帖子，但是他们推荐的解决方案不起作用。 在以下代码中，文本实际上显示为无衬线：

@font-face {
  font-family: Oswald-light;
  src: url('oswaldlight.eot');
  src: url('oswaldlight.eot?#iefix') format('embedded-opentype'), url('oswaldlight.woff') format('woff'), url('oswaldlight.ttf') format('truetype');
}

div.h-title {
  font-size: 62px;
  letter-spacing: 3px;
  font-family: Oswald-light, sans-serif;
  color: #7a7a7a;
  text-transform: uppercase;
  line-height: 1.3em;
}

---

有什么办法可以解决这个问题吗？

你有没有从网上下载过字体，比如谷歌字体？我知道在谷歌上，你必须选择不同的权重，否则你就不能在技术说明上改变权重，至少让你的生活更轻松一点：如果你的目标是IE9及以上，就使用WOFF。一切都支持它，不需要复杂化。我从fontsc下载，是的，我加载了3个重量轻，常规和粗体。实际上，我测试了FontSquirrel、1001Fonts和Fonts2U的字体，我有点惊讶地发现这些字体的工作方式有一些不同，但没有一个解决了这个问题。我还使用了EverythingFonts字体面生成器来生成woff、eot等格式。感谢您关于woff的说明。这是否也适用于Firefox、Chrome、IOS？您是否从网上下载过字体，如谷歌字体？我知道在谷歌上，你必须选择不同的权重，否则你就不能在技术说明上改变权重，至少让你的生活更轻松一点：如果你的目标是IE9及以上，就使用WOFF。一切都支持它，不需要复杂化。我从fontsc下载，是的，我加载了3个重量轻，常规和粗体。实际上，我测试了FontSquirrel、1001Fonts和Fonts2U的字体，我有点惊讶地发现这些字体的工作方式有一些不同，但没有一个解决了这个问题。我还使用了EverythingFonts字体面生成器来生成woff、eot等格式。感谢您关于woff的说明。这是否也适用于Firefox、Chrome和IOS？