@Font-Face 在 Opera 中不起作用答案

【问题标题】：@Font-Face not working in Opera@Font-Face 在 Opera 中不起作用
【发布时间】：2012-04-18 19:04:26
【问题描述】：

我希望您能花一些时间帮助我解决这个问题。我正在尝试将 this font 集成到 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;
}

再一次，它在除 Opera 之外的所有其他浏览器中都能正常工作。我正在使用小写转换，因为布兰奇不支持大写。

我将不胜感激任何形式的帮助。

谢谢。

【问题讨论】：

你能显示你的代码吗？你在你的CSS中使用optimizeLegibility吗？我的其他问题可以通过代码源轻松回答
+1 - 通过链接更容易理解这个问题..

标签： fonts opera font-face

【解决方案1】：

这是一个已知的 Opera 错误...您只需添加双引号：

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

【讨论】：