css - 为什么 Opera (11.00) 不显示自定义 (@font-face) 字体？

Question

@font-face {
    font-family: 'PFDinMonoBold';
    src: url('pfdinmono-bold-webfont.eot');
    src: local('☺'),
        url('pfdinmono-bold-webfont.woff') format('woff'),
        url('pfdinmono-bold-webfont.ttf') format('truetype'),
        url('pfdinmono-bold-webfont.otf') format('opentype'),
        url('pfdinmono-bold-webfont.svg#webfontS2rh8Zow') format('svg');
    font-weight: normal;
    font-style: normal;
}

使用字体松鼠生成器制作。

顺便说一下，松鼠网上也没有显示自定义字体

可能是什么问题？

P.S 字体在 ff、chrome、ie 中工作正常

Answer 1

您必须为字体系列名称使用双引号。

@font-face {
font-family: "PFDinMonoBold";
src: url('pfdinmono-bold-webfont.eot');
src: local('☺'),
    url('pfdinmono-bold-webfont.woff') format('woff'),
    url('pfdinmono-bold-webfont.ttf') format('truetype'),
    url('pfdinmono-bold-webfont.otf') format('opentype'),
    url('pfdinmono-bold-webfont.svg#webfontS2rh8Zow') format('svg');
font-weight: normal;
font-style: normal;
}