Fonts @字体在Opera中不起作用

我希望你能花点时间帮我解决这个问题。我正在尝试融入wordpress主题。它在FF、Chrome和IE上都很好，但我对Opera有问题。最奇怪的是，它加载了文件，但看起来文件格式被破坏了。我知道它会加载，因为当页面加载时，字体会从衬线转换为无衬线

我使用fontsquirrel和其他几个转换器创建了一个套件，但似乎它们都不能正常工作

@font-face {
    font-family: 'Blanch-Caps';
    src: url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.eot');
    src: url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.eot?#iefix') format('embedded-opentype'),
         url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.woff') format('woff'),
         url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.ttf') format('truetype'),
         url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.svg#blanch_caps') format('svg');
    font-weight: normal;
    font-style: normal;
}

.title h3 {
    font-family: 'Blanch-Caps';
    text-transform: lowercase;
}

@font-face{
字体系列：“Blanch Caps”；
src:url（'/font/blanchcaps/blanch_caps.eot'）；
src:url（'/font/blanchcaps/blanch_caps.eot？#iefix'）格式（'embedded-opentype'），
url（'/font/blanchcaps/blanch_caps.woff'）格式（'woff'），
url（'/font/blanchcaps/blanch_caps.ttf'）格式（'truetype'），
url（'/font/blanchcaps/blanch_caps.svg#blanch_caps'）格式（'svg'）；
字体大小：正常；
字体风格：普通；
}
.标题h3{
字体系列：“Blanch Caps”；
文本转换：小写；
}

它在除Opera之外的所有浏览器中都能正常工作。 我使用小写转换，因为Blanch不支持大写

我将感谢任何形式的帮助

---

谢谢。

这是一个已知的Opera bug…您只需添加双引号：

@font-face {
    font-family: "Blanch-Caps";
    ...

---

有关此问题的更多信息，请参见此处：

能否显示您的代码？您是否在css中使用可读性优化？我的其他问题可以用代码源代码+1很容易回答-通过链接更容易理解这个问题。。