Question

我使用@ font-face将我的字体整合到我的网站中。即使它在ff / chome / safari中显示得很好，但在Opera中渲染也很困难。

我正在使用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说它适用于Opera 10.5及以上......

Answer 1

font-weight: bold;代替font-style: bold;。 font-style值为“斜体”，“倾斜”和“正常”。 font-weight可以有“粗体”，“更大胆”，“更轻”，“正常”或数值100,200，...，900。

Answer 2

它是font-weight:bold，而不是font-style:bold。

Answer 3

如果您在font-face声明中明确定义font-weight: 400;，那么该font-face将仅用于具有该font-weight的文本。我不确定“400”是否与您在body选择器中要求的“正常”相同。

那，我希望你的实际字体URI中没有空格。

Answer 4

尝试双引号：

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

此处有更多信息：Why won't Opera (11.00) display custom (@font-face) fonts?

歌剧和@ font-face

4 个答案: