CSS - font-family - fallback with webfont-service？

Question

对于我的一个项目，我使用由webfont-service托管的字体。有什么办法解决这个问题吗？将Amasis MT W01 italic'设置为斜体会产生一个“双斜体”字体，所以这不是一个选项。

实际上，我需要的东西，如“如果阿玛斯是不可用的使用Helvetica的斜体”只使用CSS。我想那是不可能的？有其他选择吗？

Answer 1

如果实际字体是斜体，则应该在@font-face规则中以及在使用该字体的普通CSS代码中声明font-style: italic。

font-family: 'Amasis MT W01 italic', Helvetica;
font-style: italic;

(在字体系列的名称中使用斜体是不合逻辑的，但它只是一个名称；您也可以在那里使用foobar，只要您一致地使用该名称。)

不过，我想知道为什么Helvetica，一种广为人知的无衬线字体(在绝大多数计算机中被Arial取代)，会成为拥有强大衬线的Amasis家族中字体的合适替代品。

Answer 2

有同样的问题，并在这里找到了解决方案：http://spaceninja.com/2010/11/29/font-face-faux-styles/它看起来适合我。只需确保定义所有@font-face规则，如示例所示：

@font-face {
    font-family: 'Ubuntu'; /* regular */ /* 'Amasis' in your case */
        src: url('Ubuntu-R-webfont.eot');
        /* more sources here */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu'; /* italic */ /* 'Amasis' in your case */
        src: url('Ubuntu-R-webfont.eot');
        /* more sources here */
    font-weight: normal;
    font-style: italic;
}

然后在需要的地方使用它：

h2 {
    font-family: 'Ubuntu'; /* 'Amasis' in your case */
    font-style: italic;
}