कैलिब्ररी (बॉडी) फ़ॉन्ट को

Question

पर लागू करें मेरे पास एक div है और इस div में मैं कैलिब्ररी (बॉडी) फ़ॉन्ट में कुछ टेक्स्ट प्रदर्शित करना चाहता हूं।

मैं यह कैसे कर सकता हूं?

<div class="an_account_join_1">Individual Free Membership</div> 

कोई फ़ॉन्ट शैली इस फ़ॉन्ट परिवार के साथ प्रदर्शित किया है:

.an_account_join_1 { 
    float:left; 
    width:100%; 
    color:#000000; 
    font-family:Calibri (Body); 
    letter-spacing:2px; 
    font-size:14px; 
    text-align:center; 
    margin:20px 0px; 
    } 

इस div है:

यह सीएसएस मैं दिया गया है है।

जब मैं फ़ायरबग आउटपुट को देखता हूं तो फ़ॉन्ट परिवार के लिए कोई शैली नहीं होती है।

Answer 1

यदि फ़ॉन्ट के अक्षरों के बीच जगह है, तो आपको उद्धरण का उपयोग करने की आवश्यकता है।

font-family:"Calibri (Body)";

Answer 2

वहाँ के रूप में "Calibri (शारीरिक)" ऐसी कोई फ़ॉन्ट है। आपने शायद इस स्ट्रिंग को माइक्रोसॉफ्ट वर्ड फ़ॉन्ट चयन मेनू में देखा है, लेकिन यह फ़ॉन्ट नाम नहीं है (उदाहरण के लिए स्पष्टीकरण Font: +body (in W07) देखें)।

तो font-family: Calibri या बेहतर, font-family: Calibri, sans-serif का उपयोग करें। (कैलिब्ररी के लिए कोई पर्याप्त बैकअप फ़ॉन्ट नहीं है, लेकिन बाधाएं हैं कि जब कैलिब्ररी उपलब्ध नहीं है, तो ब्राउज़र का डिफ़ॉल्ट सैन्स-सेरिफ़ फ़ॉन्ट आपके डिज़ाइन को ब्राउज़र के डिफ़ॉल्ट फ़ॉन्ट से बेहतर बनाता है, जो प्रायः एक सेरिफ़ फ़ॉन्ट होता है।)