CSS font-face 不起作用

Question

我对@font-face 有疑问。我遵循了不同的解决方案，但都没有奏效。如果有人可以给我任何提示，我会很感激。

    @font-face {
    font-family: 'Neris';
    src: url('indexFiles/neris_thin.otf');
}
body {
    border:0px;
    padding: 0px;
    height:100%;
    width:100%;
    font-family: 'Neris';
    font-weight: lighter;
}

Answer 1

@font-face {
  font-family: 'Neris';
  src: url(indexFiles/Neris_thin.otf);  //Is path correct? Maybe use absolute.
}

@font-face 规则在 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 中受支持。

Internet Explorer 9+、Firefox、Chrome、Safari 和 Opera 支持 WOFF(Web 开放字体格式)字体。

Firefox、Chrome、Safari 和 Opera 还支持 TTF(True Type 字体)和 OTF(OpenType 字体)类型的字体。

Chrome、Safari 和 Opera 也支持 SVG 字体/形状。

Internet Explorer 还支持 EOT(嵌入式 OpenType)字体。

注意:Internet Explorer 8 及更早版本不支持@font-face 规则。

http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp