不使用font-weight的粗体字体：粗体？

Question

我在网站上使用网页字体。对于某些标题（h1,h2等），我使用粗体变体（并将font-weight设置为正常），因为它们看起来比使用常规变体更好，并且使用默认粗体重标记保留h标记。有必要指定font-weight: normal，否则“粗体是粗体”，看起来非常糟糕。

我遇到的问题是，如何将标准网页字体指定为备用字体并将粗体设置“恢复”？作为web字体是目前我们没有问题，但如果web字体失败，我们最终与非粗体宋体

@font-face { 
    font-family: "My bold webfont"; 
    src: url("url/of/webfont/bold/variant"); 
} 

h1 { 
    font-family: "My bold webfont", Arial, sans-serif; 
    font-weight: normal; 
} 

只要：

因此，例如，我可能会做这样的事情。

在h1的font-family中有没有指定“Arial Bold”的方法（我知道这不起作用，但它是所需的目标）？或者在@font-face的定义中，我可以说“这仅适用于分配给它的粗体版本”–，所以我可以从h1样式中省略font-weight: normal？

Answer 1

尝试在两地指定font-weight: bold：

@font-face { 
    font-family: "My bold webfont"; 
    src: url("url/of/webfont/bold/variant"); 
    font-weight: bold; 
} 

h1 { 
    font-family: "My bold webfont", Arial, sans-serif; 
    font-weight: bold; 
}

Here's a demo.p#one显示使用该技术;如果您在不支持WOFF网页字体的浏览器中查看它，则会看到以粗体显示的默认字体。