html - 声明此 .otf 字体有什么问题？

Question

这是我的声明代码:

@font-face {
    font-family: 'MyOwnFont';
    font-style: normal;
    font-weight: 400;
    src: url('../webfonts/MyOwnFont.otf') format("opentype");
}

但是当我使用它时:

body
{
    font-family:'MyOwnFont';
}

我在网页上看不到它。声明有什么问题？

Answer 1

通常最好通过 web-font 生成器运行字体，例如 http://www.fontsquirrel.com/tools/webfont-generator

这样，它将生成 otf、ttf 等版本的字体，这将得到更好的支持，而不仅仅是对 otf 的引用字体。

@font-face{ 
    font-family: 'MyWebFont'; 
    src: url('WebFont.eot'); 
    src: url('WebFont.eot?#iefix') format('embedded-opentype'), 
        url('WebFont.woff') format('woff'), 
        url('WebFont.ttf') format('truetype'), 
        url('WebFont.svg#webfont') format('svg'); 
}