CSS: imposta il peso del font in base al font di fallback

Question

Sto provando a impostare il font-weight per un elemento in base al font che viene scelto. Per esempio, io può tentare di fare qualcosa di simile:

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

Diciamo che voglio il font-weight di essere "bold", se l'utente ha Arial Narrow installato sul proprio sistema, ma "normale" se il il browser deve usare Impact e forse "bold" se il sistema dell'utente non ha nessuno di quei font. È possibile? Se è così, come potrei fare questo?

Answer 1

Sono del 99,9999% sicuro che questo non può essere fatto senza qualche seria magia JavaScript, e anche con JavaScript è dannazione difficile scoprire quale carattere è stato utilizzato alla fine.

Correlati: get computed font-family in JavaScript chiesto dal sottoscritto

Answer 2

non funzionerà? Non testato.

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