2015-06-16 7 views
6

डिज़ाइन के लिए मुझे शीर्षक में बहुत बड़े फोंट का उपयोग करना पसंद है (लगभग 70 - 85 पीएक्स) पृष्ठ को जबरदस्त करने से रोकने के लिए मुझे वास्तव में एक ज़रूरत है पतला फ़ॉन्ट मुझे Google फोंट पर Poiret One मिला और इसे एक कर्सी परिवार के रूप में वर्गीकृत किया गया है। यह एक बहुत ही पतला, बहुत ही सुरुचिपूर्ण फ़ॉन्ट है, लेकिन कर्सर परिवार में डिफ़ॉल्ट कॉमिक सैन्स लगता है जो कि सिर्फ विपरीत है - बड़े सिरदर्द में बहुत घबराहट, बोल्ड और अनैतिक। मेरी सीएसएस फ़ाइल में मेरे पास है:यदि Google फ़ॉन्ट उपलब्ध नहीं है तो वेब सुरक्षित उपयोगकर्ता डिफ़ॉल्ट फ़ॉन्ट निर्दिष्ट करने के लिए कैसे करें

h1 { 
    font-family: 'Poiret One', cursive; 
    font-weight: 100; 
    font-size: 85px; 
    color: #99ccff; 
} 

मैं एक उपयोगकर्ता डिफ़ॉल्ट फ़ॉन्ट के रूप कूरियर नए जोड़ने के रूप में यह वेब सुरक्षित फोंट का सबसे पतला है और निम्न जोड़ना चाहते हैं चरित्र Poiret एक के समान अंतर बनाने के लिए जिम्मेदार बताते हैं ताकि मेरी बूटस्ट्रैप कॉलम अतिप्रवाह नहीं है:

font-family: "Courier New"; 
font-style: normal; 
font-size: 4.8em; 
font-weight: 400; 
letter-spacing: -0.125em; 
line-height: 1.5em; 

क्या सीएसएस मैं ब्राउज़र को बताने के लिए उपयोग कर सकते हैं Poiret एक उपयोगकर्ता द्वारा नहीं देखी जा सकती है, कूरियर के लिए उपयोग करें फ़ॉन्ट संशोधनों के साथ के रूप में ऊपर दी गई है ?

एक समाधान के लिए तत्पर हैं। धन्यवाद!

+0

आपको शायद यह जांचने की आवश्यकता है कि तत्व के फ़ॉलबैक के रूप में वैकल्पिक वर्ग को लागू करने के लिए जावास्क्रिप्ट के साथ फ़ॉन्ट फेस सफलतापूर्वक लोड किया गया है या नहीं। इस पर एक नज़र डालें: http://stackoverflow.com/questions/12312323/how-to-know-if-a-font-font-face-has-already-been-loaded –

+0

Poiret One फ़ॉन्ट उन लोगों को छोड़कर ठीक है जिनके पास स्क्रिप्ट सक्षम नहीं हैं या अगर किसी कारण से वे Google फोंट तक नहीं पहुंच सकते हैं। फिर कॉमिक सैन्स लोड हो जाते हैं और यह भयानक लग रहा है इसलिए मैं ऊपर सूचीबद्ध संशोधनों के साथ डिफ़ॉल्ट को कूरियर में बदलना चाहता हूं। – Wendy

उत्तर

2

इस तरह का प्रयोग करें font-family:

font-family: 'Poiret One', cursive, 'Courier New'; 

जब ब्राउज़र Poiret One नहीं मिल रहा है या एक cursive फॉन्ट, तो यह Courier New फॉन्ट का प्रयोग करेंगे।

+1

_ "... कर्सर परिवार में डिफ़ॉल्ट कॉमिक सैन्स लगता है ...." _ –

+0

'कर्सर' से पहले 'कूरियर न्यू' 'रखना बेहतर नहीं होगा? ओपी 'कूरियर न्यू' से पहले कर्सी नहीं चाहता है – marcellothearcane

संबंधित मुद्दे