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

【问题标题】：Why won't Opera (11.00) display custom (@font-face) fonts?为什么 Opera (11.00) 不显示自定义 (@font-face) 字体？
【发布时间】：2011-01-19 14:38:44
【问题描述】：

@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 中工作正常

【问题讨论】：

你能把字体放在某个地方，这样我们就可以看到文件里面的内容并了解什么是破坏的。这可能是一个有趣的案例。举例说明如何使用字体声明也是很好的。
使用什么自定义字体并不重要。他们都没有工作。字体声明示例：font-family: PFDinMonoBold
Webfonts 如果格式错误/无效，可能会被丢弃，在这种情况下，Opera 的错误控制台中会出现错误消息。
Erik Dahlström，检查了控制台 - 没有字体错误:(

标签： css opera font-face

【解决方案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;
}

【讨论】：

+1 向我介绍了 FontSquirrel，它看起来像是一个非常棒的跨浏览器 css3 字体解决方案......
从我站的地方看起来像一个 Opera 错误。谢谢。