सीएसएस फ़ॉन्ट आकार बदलता है जब फ़ॉन्ट-परिवार वापस गिरता है

Question

मैं एक फ़ॉन्ट (गिल सैन्स) का उपयोग करना चाहता हूं जो एक छोटी एक्स-ऊंचाई इत्यादि के कारण बहुत छोटा प्रस्तुत करता है आदि। यदि मैं इसे उचित आकार में सेट करता हूं, और फिर एक ब्राउज़र फ़ॉन्ट-फ़ैमिली में निर्दिष्ट एक और सामान्य फ़ॉन्ट पर वापस आ जाता है, पतन-बैक फ़ॉन्ट बहुत बड़ा प्रस्तुत करता है - क्या मैं फ़ॉन्ट का आकार ब्राउज़र के उपयोग के फ़ॉन्ट के अनुसार सेट कर सकता हूं?

Answer 1

मैं अनुशंसा करता हूं कि आप कैस्केडिंग फ़ॉन्ट्स को आजमाएं और निर्दिष्ट करें जो फोंट उपलब्ध नहीं होने पर शानदार ढंग से अपमानित हो जाएं।

Arial, FontThatsLikeArial, FontThatsALittleLikeArial, FontThatsALittleLessLikeArial, Sans-serif; 

वैकल्पिक रूप से अगर आप अपने फोंट से अधिक तंग नियंत्रण चाहते हैं, एक एक cufon, अपने उपयोगकर्ताओं को किसी भी प्लग-इन है और अत्याधुनिक ब्राउज़रों पर काम करता है की आवश्यकता नहीं है कि देखने के लिए ले लो। http://wiki.github.com/sorccu/cufon/about

Answer 2

आप शरीर चयनकर्ता में एक font-size निर्दिष्ट कर सकते हैं और इस तरह ब्राउज़र की डिफ़ॉल्ट आकार बेअसर, यानी

body { font-size: 62.5%; } 

62,5% एक अच्छा आधार रेखा, क्योंकि यह अपेक्षाकृत स्थापित करने के लिए आप आसानी से ईएमएस का उपयोग करने की अनुमति देता है शरीर में तत्वों का फ़ॉन्ट आकार।

62.5%, 1em = 10px, 1.2em = 12px और इसी तरह।

बस शरीर में एक फ़ॉन्ट आकार को बेसलाइन और स्टाइल तत्वों के अनुसार सेट करें।

Answer 3

क्या मैं फ़ॉन्ट का आकार ब्राउज़र के उपयोग के फ़ॉन्ट के अनुसार सेट कर सकता हूं?

दुर्भाग्यवश, नहीं, सीएसएस में नहीं।

Answer 4

मैं आपको उन सभी फ़ॉन्ट्स का उपयोग करने की सलाह दूंगा जो आपके द्वारा बनाई जा रही वेबसाइट तक पहुंचने वाली अधिकांश (/ सभी) मशीनों पर पाए जाते हैं। किसी वेबसाइट का दृश्य ब्राउज़र की वजह से भिन्न नहीं होना चाहिए (आईई-संबंधित समस्याएं एक और विषय है ...)। सामान्य फोंट या विकल्पों का उपयोग करें जो समान काम करते हैं ...

Answer 5

कुछ हफ्ते पहले लिखा गया एक दिलचस्प लेख था जो इस विषय को संबोधित करता है।

आप लेख यहाँ पढ़ सकते हैं: http://kilianvalkhof.com/2009/css-xhtml/combining-cufon-and-font-face/

छोटा है, लेख में कुछ तरीकों आधुनिक ब्राउज़रों के लिए ... @ फॉन्ट-फेस उपयोग कर रहा है, एक jQuery फॉन्ट का पता लगाने स्क्रिप्ट में, और Cufon फ़ॉन्ट प्रतिस्थापन से पहले अगर के लिए तरीके विफल

यह एक आदर्श समाधान नहीं है। और मेरे ऊपर कई लोगों ने कहा, आपकी सबसे अच्छी शर्त एक फ़ॉन्ट का उपयोग करना है जो शानदार तरीके से घटती है। पैरा प्रति के लिए, या 'GillSans, ट्रेबुशेट, Calibri, sans-serif' - - खिताब के लिए और शीर्षकों

तरह 'GillSans, Calibri, ट्रेबुशेट, sans-serif' कुछ करने के लिए अपने फ़ॉन्ट के ढेर सेट करने का प्रयास

Answer 6

मुझे कैलिब्ररी का उपयोग करने वाला एक ही मुद्दा था (अधिकांश सैन्स फोंट की तुलना में थोड़ा छोटा)।

$(document).ready(function() { 
    font.setup(); 
    if(!font.isInstalled('Calibri')) 
     $('body').css('font-size','87.5%'); 
}); 

:

1. हो जाओ रेमी तीव्र के फ़ॉन्ट का पता लगाने स्क्रिप्ट http://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/

2. $(document).ready() समारोह के लिए निम्न जोड़ें: मैं निम्नलिखित (मानता है कि आपके jQuery है) कर समाप्त हो गया तो अब यदि उपयोगकर्ता में कैलिब्ररी नहीं है तो हम 87.5% पर एरियल देखते हैं। यह केवल उन तत्वों पर लागू होता है जहां फ़ॉन्ट-आकार परिभाषित/विरासत में नहीं था। जहाँ भी font-size स्पष्ट रूप से परिभाषित किया गया है और साथ ही समायोजित किया जा करना होगा (शायद उन तत्वों को एक वर्ग को जोड़ने और $('.adjustClass')) लिए jQuery चयनकर्ता बदल अगर आप सिर्फ कर सकता है

   अच्छा नहीं होगा:। font:11px Calibri, 10px Arial; - लेकिन ऐसी कोई भाग्य :)