CSS为字体权重指定字体

如果你在使用 font-weight 内联样式,然后可以使用( example on jsFiddle )

*[style~="font-weight:"][style~="500;"]
{
    /* Font 1 */
}
*[style~="font-weight:"][style~="700;"]
{
    /* Font 2 */
}

我不确定浏览器的兼容性(上面是在Firefox上测试的)。我建议你用 classes 相反。而且,这可能不是防弹的。

你在倒退,但离目标不远。使用各种标题级别(h1、h2等)并将CSS分配给那些!它们已经暗示了权重,并且每个都可以通过CSS分配一个不同的字体。

Header ?" 或者“这是标记为 strong ?")

.Header /* or h1, h2, h3, h4, h5, h6, or strong, or any combination of these */
{
    font-family: "Helvetica Bold";
}

.Normal /* or just body, and everything will inherit it unless overriden */
{
    font-family: "Helvetica Roman";
}