@ Font-Face在Opera中不工作

Question

我希望你能花點時間幫我解決這個問題。我正在嘗試在wordpress主題中整合this font。它工作得很好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之外，其他所有瀏覽器都能正常工作。 由於Blanch不支持大寫，因此我使用小寫變換。

我將不勝感激任何形式的幫助。

謝謝。

Answer 1

這是一個已知的bug歌劇院......你只需要添加雙引號：

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

更多關於這裏的問題：Why won't Opera (11.00) display custom (@font-face) fonts?