我正在尝试使用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;
}
我有什么想法可以解决这个问题吗?