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
现在,问题是:
- 如果我设置了
,那么可以处理woff文件的浏览器 将返回到默认字体,而不是使用我定义的字体 通过woff文件font-weight:bold
- 如果我设置了
,则旧浏览器无法处理 woff文件将无法打印粗体文本font-weight:normal
我该怎么办?您是否尝试过以下方法:
@font-face
属性允许您指定应用字体的样式。Dang,就是这样。我在你发帖子的那一刻就发现了这个问题:-)请提供一个例子
font-family:"myBoldFont",helvetica,arial,sans-serif;