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规则。

Internet Explorer 9 +，Firefox，Chrome，Safari和Opera支持WOFF（Web开放字体格式）字体。

Firefox，Chrome，Safari和Opera也支持TTF（True Type Fonts）和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

CSS font-face不起作用

1 个答案: