CSS:如何为粗体字体系列设置回退?

CSS:如何为粗体字体系列设置回退?,css,fonts,font-face,font-family,woff,Css,Fonts,Font Face,Font Family,Woff,我使用的是自己的自定义字体,嵌入方式如下: @font-face{font-family:myFont;src:url(css/fonts/myFont.woff);} @font-face{font-family:myBoldFont;src:url(css/fonts/myBoldFont.woff);} font-family:"myBoldFont",helvetica,arial,sans-serif; 因此,当我想使用粗体字体时,我会: <style> .bold{

我使用的是自己的自定义字体,嵌入方式如下:

@font-face{font-family:myFont;src:url(css/fonts/myFont.woff);}
@font-face{font-family:myBoldFont;src:url(css/fonts/myBoldFont.woff);}
font-family:"myBoldFont",helvetica,arial,sans-serif;
因此,当我想使用粗体字体时,我会:

<style>
.bold{
    font-family:"myBoldFont";
}
</style>
<div class="bold">Hello world</div>
因此,对helvetica的回退是可行的,但是文本不是粗体的,因为设置了
font-weight:normal

现在,问题是:

  • 如果我设置了
    font-weight:bold
    ,那么可以处理woff文件的浏览器 将返回到默认字体,而不是使用我定义的字体 通过woff文件
  • 如果我设置了
    font-weight:normal
    ,则旧浏览器无法处理 woff文件将无法打印粗体文本

我该怎么办?

您是否尝试过以下方法:


@font-face
属性允许您指定应用字体的样式。

Dang,就是这样。我在你发帖子的那一刻就发现了这个问题:-)请提供一个例子
font-family:"myBoldFont",helvetica,arial,sans-serif;