Question

对于我的一个项目，我使用由webfont-service托管的字体。没有任何后备，代码如下所示：font-family:'Amasis MT W01 italic'; 你看，fontstyle（italic）已经包含在内，因为客户支付的费用是什么。当我为此添加后备时，它当然有效，但后备字体不是斜体，导致页面外观发生剧烈变化。有没有解决这个问题？将Amasis MT W01 italic'设置为斜体结果为＆＃34;双斜体＆＃34;字体，所以不能选择。

实际上我需要像＃34;如果Amasis不可用，请使用斜体的Helvetica＆＃34;只使用CSS。我想这不可能吗？任何替代方案？

Answer 1

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

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

（在系列字体的名称中使用 italic 这个词是不合逻辑的，但它只是一个名字;你也可以使用foobar在那里，只要你一直使用这个名字。）

我想知道，为什么Helvetica，众所周知的无衬线字体（在绝大多数计算机中被Arial取代），将成为Amasis系列中字体的合适替代品，Amasis系列具有强大的衬线。 / p>

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;
}

CSS - font-family - 使用webfont-service回退？

2 个答案: