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.
}

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

Web 9+、Firefox、Chrome、Safari和Opera都支持WOFF (Web Open font Format)字体。

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