Css 参考粗体版本而不使用字体重量:粗体?

Css 参考粗体版本而不使用字体重量:粗体?,css,webfonts,Css,Webfonts,我在一个网站上使用webfonts。对于某些标题(h1,h2,等等),我使用粗体变体(并将font-weight设置为normal),因为它们看起来比使用常规变体好得多,并将h标记保留为默认粗体。必须指定font-weight:normal,否则“粗体是粗体的”,看起来非常糟糕 我遇到的问题是,如何将标准web字体指定为备用字体,并将粗体设置“还原” 例如,我可能会做如下事情: @font-face{ 字体系列:“我的粗体webfont”; src:url(“url/of/webfont/bol

我在一个网站上使用webfonts。对于某些标题(
h1
h2
,等等),我使用粗体变体(并将
font-weight
设置为normal),因为它们看起来比使用常规变体好得多,并将h标记保留为默认粗体。必须指定
font-weight:normal
,否则“粗体是粗体的”,看起来非常糟糕

我遇到的问题是,如何将标准web字体指定为备用字体,并将粗体设置“还原”

例如,我可能会做如下事情:

@font-face{
字体系列:“我的粗体webfont”;
src:url(“url/of/webfont/bold/variant”);
}
h1{
字体系列:“我的粗体webfont”,Arial,无衬线字体;
字体大小:正常;
}
只要webfont存在,我们就没有问题,但如果webfont失败,我们最终将使用非粗体Arial


是否有办法在
h1
font系列中指定“Arial Bold”(我知道这不起作用,但这是理想的目标)?或者,在
@font-face
定义中,我可以说“这只适用于它指定给的任何字体的粗体版本”–因此我可以从
h1
样式中省略
字体重量:正常

尝试在两个位置指定
字体重量:粗体

@font-face{
字体系列:“我的粗体webfont”;
src:url(“url/of/webfont/bold/variant”);
字体大小:粗体;
}
h1{
字体系列:“我的粗体webfont”,Arial,无衬线字体;
字体大小:粗体;
}

p#one
展示了这种技术的使用;如果您在不支持WOFF webfonts的浏览器中查看它,您将看到默认的粗体字体。

我认为OP希望web字体使用
font-weight:normal
,而
bold
仅在web字体失败且正在使用其他字体时使用。@Sheikheera:这就是在
@font-face
中指定
font-weight:bold
所做的-它使浏览器假定字体已经是粗体。@Sheikheera:看一下演示。是的!就这样。我们告诉@font-face“这个字体族定义假设无论使用什么样式,它都是粗体的,所以不要再粗体了”。它工作得很好-谢谢!您是否尝试过像
500
这样的数值?考虑到您的webfonts支持这种大小,而Arial不支持,后者可能会退回到
正常的
(这只是一个想法,我还没有尝试过)。我真的看不出如何用
CSS
以干净的方式实现这一点。