सीएसएस: फॉलबैक फ़ॉन्ट

Question

के आधार पर फ़ॉन्ट वजन सेट करें मैं चुने गए फ़ॉन्ट के आधार पर तत्व के लिए फ़ॉन्ट-वेट सेट करने का प्रयास कर रहा हूं। उदाहरण के लिए, मैंने इस तरह कुछ करने के लिए कोशिश कर रहा हो सकता है:

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

चलो कहते हैं कि मैं "बोल्ड" होने के लिए font-weight यदि उपयोगकर्ता एरियल संकीर्ण उनके सिस्टम पर स्थापित है, लेकिन "सामान्य" है, तो चाहते हैं ब्राउज़र को प्रभाव का उपयोग करना पड़ता है, और शायद "बोल्ड" अगर उपयोगकर्ता के सिस्टम में इनमें से कोई भी फ़ॉन्ट नहीं है। क्या यह संभव है? यदि हां, तो मैं ऐसा करने के बारे में कैसे जाऊं?

Answer 1

मैं 99.99999% यकीन है कि यह कुछ गंभीर जावास्क्रिप्ट जादू के बिना नहीं किया जा सकता हूँ, और यहां तक ​​कि जावास्क्रिप्ट के साथ यह पता लगाने के लिए जो फ़ॉन्ट अंत में इस्तेमाल किया गया था लानत मुश्किल है।

संबंधित: get computed font-family in JavaScript सही मायने में

Answer 2

क्या यह काम नहीं तुम्हारा से पूछा? Untested।

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