Question

我正在尝试根据所选字体设置元素的font-weight。例如，我可能会尝试这样做：

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

假设用户在系统上安装了Arial Narrow，我希望font-weight为“粗体”，如果浏览器必须使用Impact，则为“normal”，如果用户的系统既没有，则可能为“粗体”那些字体。这可能吗？如果是这样，我将如何做到这一点？

Answer 1

我99.99999％肯定如果没有一些严肃的JavaScript魔法就无法做到这一点，即使使用JavaScript，该死的也很难找到最终使用的字体。

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

Answer 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>

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

2 个答案: