2014-04-22 36 views
0

下一個問題 - Opera不顯示字體外部。下一個代碼:Opera不顯示外部字體

@font-face { 
    font-family: "Ubuntu-Italic"; 
    src:url('../fonts/Ubuntu-I.eot'), 
    src:url('../fonts/Ubuntu-I.eot?#iefix') format('opentype'), 
    src:url('../fonts/Ubuntu-I.woff') format('woff'), 
    src:url('../fonts/Ubuntu-I.otf') format('opentype'), 
    src:url('../fonts/Ubuntu-I.ttf') format('truetype'), 
    src:url('../fonts/Ubuntu-I.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

看起來像所有確定 - 雙引號,「woff」格式...但它不適用於Opera。

+0

有很多@ StackOverflow,例如:http://stackoverflow.com/questions/9506837/css3-font-face-not-rendering-font-in-opera-11-x – arma

+0

pc-shooter,cache被清除了,並且字體不是來自Google-Fonts arma,謝謝你,現在我正試圖理解這個,我之前讀過的所有這個主題都是無法使用的。 – user3560002

回答

0

屬性src需要一個URL列表。
或使用多個src defintitions。
你混合它。這不是有效的CSS。

您的代碼:

src:url('../fonts/Ubuntu-I.eot'), 
src:url('../fonts/Ubuntu-I.eot?#iefix') format('opentype'), 
src:url('../fonts/Ubuntu-I.woff') format('woff'), 
src:url('../fonts/Ubuntu-I.otf') format('opentype'), 
src:url('../fonts/Ubuntu-I.ttf') format('truetype'), 
src:url('../fonts/Ubuntu-I.svg') format('svg'); 

應該是:

src:url('../fonts/Ubuntu-I.eot'), 
    url('../fonts/Ubuntu-I.eot?#iefix') format('opentype'), 
    url('../fonts/Ubuntu-I.woff') format('woff'), 
    url('../fonts/Ubuntu-I.otf') format('opentype'), 
    url('../fonts/Ubuntu-I.ttf') format('truetype'), 
    url('../fonts/Ubuntu-I.svg') format('svg'); 

和正確的MIME類型是不同類型的發?