css - 歌剧和@font-face

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可以有 "bold"、"bolder"、"lighter"、"normal"或数值 100、200、...、900。