CSS: установить вес шрифта в зависимости от резервного шрифта

Question

Я пытаюсь установить вес шрифта для элемента на основе выбранного шрифта. Например, я могу пытаться сделать что-то вроде этого:

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

Допустим, я хочу, чтобы вес шрифта был "жирным", если у пользователя установлен Arial Narrow, в его системе, но "нормальный", если браузер должен использовать Impact, и, возможно, "жирным", если у системы пользователя из этих шрифтов. Это возможно? Если так, как бы я поступил так?

Answer 1

Я на 99,9999% уверен, что это невозможно без серьезной магии JavaScript, и даже с JavaScript черт трудно определить, какой шрифт использовался в конце.

Связанный: получить вычисленное семейство шрифтов в 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>