CSS：根据后备字体设置字体粗细答案

【问题标题】：CSS: set font weight depending on fallback fontCSS：根据后备字体设置字体粗细
【发布时间】：2010-04-15 17:49:09
【问题描述】：

我正在尝试根据选择的字体为元素设置字体粗细。例如，我可能正在尝试做这样的事情：

h1 {
    font-family: Arial Narrow, Impact, sans-serif;
    font-weight: ?;
}

假设如果用户在他们的系统上安装了 Arial Narrow，我希望字体粗细为“粗体”，但如果浏览器必须使用 Impact，则为“正常”，如果用户的系统两者都没有，则可能为“粗体”那些字体。这可能吗？如果是这样，我该怎么做？

【问题讨论】：

标签： css fonts

【解决方案1】：

我 99.99999% 确信如果没有一些严肃的 JavaScript 魔法，这将无法完成，即使使用 JavaScript，该死也很难找出最终使用了哪种字体。

相关：get computed font-family in JavaScript你的真心问

【讨论】：

嘿！我正要这么说！ +1
我同意 Pekka，我以前从未见过这种情况。另见stackoverflow.com/questions/945644/…

【解决方案2】：

这行不通吗？未经测试。

<style>
@font-face {
    font-family: "ArialBold";
    src: local("Arial Narrow");
    font-weight: bold;
}
@font-face {
    font-family: "ImpactNormal";
    src: local("Impact");
    font-weight: normal;
}
@font-face {
    font-family: "SansSerifBold";
    src: local("sans-serif");
    font-weight: bold;
}
h1 {
    font-family: ArialBold, ImpactNormal, SansSerifBold;
}
</style>

【讨论】：