@ font-face font-weight light在IE11中不起作用

时间:2015-10-06 16:25:03

标签: css internet-explorer font-face

我正在尝试使用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 IE9 font-weight doesn't work 在以下代码中,文本实际显示为sans-serif:

@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;
}

我有什么想法可以解决这个问题吗?

0 个答案:

没有答案