CSS: establecer el peso de la fuente en función de la fuente alternativa

Question

Estoy tratando de establecer el peso de la fuente para un elemento según la fuente elegida. Por ejemplo, puedo estar tratando de hacer algo como esto:

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

Digamos que yo quiero la fuente-peso para ser "negrita" si el usuario tiene Arial Narrow instalado en su sistema, pero "normal" si el el navegador tiene que usar Impact, y tal vez "negrita" si el sistema del usuario no tiene ninguna de esas fuentes. es posible? Si es así, ¿cómo voy a hacer esto?

Answer 1

Estoy 99.99999% seguro de que esto no se puede hacer sin una magia de JavaScript grave, e incluso con JavaScript es maldito difícil de averiguar qué fuente se utilizó al final.

relacionados: get computed font-family in JavaScript preguntó por su servidor

Answer 2

voluntad no este trabajo? No probado.

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