CSS: définir le poids de police en fonction de la police de repli

Question

J'essaie de définir le poids de la police pour un élément basé sur la police choisie. Par exemple, je peux essayer de faire quelque chose comme ceci:

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

Disons que je veux la police-poids à être « gras » si l'utilisateur a Arial Narrow installé sur leur système, mais « normal » si le Le navigateur doit utiliser Impact, et peut-être "gras" si le système de l'utilisateur n'a aucune de ces polices. Est-ce possible? Si oui, comment ferais-je cela?

Answer 1

Je suis 99,99999% sûr que cela ne peut pas être fait sans une sérieuse magie JavaScript, et même avec JavaScript c'est damn difficile de trouver quelle police a été utilisée à la fin.

connexes: get computed font-family in JavaScript Posée par votre serviteur

Answer 2

Ne sera pas ce travail? Non testé

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