2011-08-27 82 views
1

我有一個字體,我已經使用@ font-face併入了我的網站。即使它在ff/chome/safari中顯示得很好,在Opera中渲染也很困難。歌劇和@ font-face

我使用Google的字體API;這是我的html:

<link 
    href='http://fonts.googleapis.com/css?family=Muli' 
    rel='stylesheet' 
    type='text/css' > 

,然後我的CSS:

 /* this is whats in the linked file */ 
@font-face 
{ font-family: 'Muli'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Muli'), url('http://themes.googleusercontent.com/static/fonts/muli/v2/ kU4XYdV4jtS72BIidPtqyw.woff') format('woff'); 
     } 


    /* this is the css in my site */ 
body 
{ font-family: 'Muli', sans-serif; 
     } 

我不知道這是爲什麼不工作:在API稱它與歌劇10.5起來......

+2

據http://dev.opera.com/articles/view/introducing-woff-web-open-font-format/WOFF僅支持Opera 11.10及更高版本。 – DanMan

回答

2

這是font-weight: bold;而不是font-style: bold;font-style值爲「斜體」,「傾斜」和「正常」。 font-weight可以 「大膽」, 「大膽」, 「輕」, 「正常」 或數值100,200,...,900

+0

我在想,爲什麼錯誤只出現一次。我已經解決了這個問題,但似乎還沒有骰子...... Opera仍然不會顯示我的sigma。 – jbuzzard

+0

嗯,我認爲它是DanMan在他的鏈接,然後,WOFF只有正在從11.10上支持的指出了原因。 – emboss

0

font-weight:bold,不font-style:bold

0

這可能是因爲,如果你明確地定義你的字體面對面聲明font-weight: 400;,該字體面將只用於文本與正是字體重量。我不確定「400」是否與您在body選擇器中要求的「正常」相同。

這一點,我希望有一個在你實際的字體URI沒有空格。