歌剧和@ font-face

我有一个字体，我已经使用@ 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起来......

来源

2011-08-27 jbuzzard

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

这是font-weight: bold;而不是font-style: bold;。 font-style值为“斜体”，“倾斜”和“正常”。 font-weight可以 “大胆”， “大胆”， “轻”， “正常” 或数值100，200，...，900

来源

2011-08-27 09:56:10 emboss

我在想，为什么错误只出现一次。我已经解决了这个问题，但似乎还没有骰子...... Opera仍然不会显示我的sigma。 – jbuzzard

嗯，我认为它是DanMan在他的链接，然后，WOFF只有正在从11.10上支持的指出了原因。 – emboss

这font-weight:bold，不font-style:bold。

来源

2011-08-27 09:56:16 xfix

这可能是因为，如果你明确地定义你的字体面对面声明font-weight: 400;，该字体面将只用于文本与正是字体重量。我不确定“400”是否与您在body选择器中要求的“正常”相同。

这一点，我希望有一个在你实际的字体URI没有空格。

来源

2011-08-27 11:31:26 DanMan

尝试双引号：

@font-face 
{ font-family: "Muli"; 
    ...

更多的相关信息在这里：Why won't Opera (11.00) display custom (@font-face) fonts?

来源

2013-11-26 21:28:28 Marcus

歌剧和@ font-face

回答

相关问题