2

对于我的一个项目，我使用由 webfont-service 托管的字体。没有任何后备，代码看起来像这样：font-family:'Amasis MT W01 italic'; 你看，字体样式（斜体）已经包含在内，因为这是客户支付的费用。当我为此添加后备时，它当然可以工作，但是后备字体不是斜体，这会导致页面外观发生巨大变化。有什么解决办法吗？设置Amasis MT W01 italic'为斜体会导致“双斜体”字体，所以这不是一个选项。

实际上，我需要类似“如果 Amasis 不可用，则使用斜体的 Helvetica”之类的东西，仅使用 CSS。我想这不可能吧？有什么选择吗？

4

2 回答 2

1

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

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

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

不过，我想知道为什么 Helvetica，众所周知的无衬线字体（在绝大多数计算机中被 Arial 取代）会成为 Amasis 家族中具有强衬线字体的合适替代品。

于 2012-11-18T18:15:02.733 回答
0

遇到了同样的问题并在这里找到了解决方案：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;
}
于 2015-02-13T22:55:22.743 回答