7
पर आधारित सशर्त फ़ॉन्ट आकार क्या सीएसएस या jQuery में फ़ॉन्ट-फ़ैमिली के आधार पर सशर्त फ़ॉन्ट आकार लिखने का कोई तरीका है?फ़ॉन्ट-परिवार
A
उत्तर
1
हाँ आप jQuery के साथ easyly कर सकते हैं:
http://jsbin.com/acuzah/1/edit
if ($("div").css('font-family') === 'Arial')
{
$("div").css({'color': '#00FF00'});
}
सीएसएस() आप संपत्ति font-family पढ़ का उपयोग करना, अगर उदाहरण के लिए अपने एरियल चेक करें, फिर यह निर्धारित कर सकते सीएसएस संपत्ति आप चाहते हैं। या एक वर्ग जोड़ें।
+0
बहुत धन्यवाद, यह काम कर रहा है। – Body
+1
यह केवल तभी काम करता है जब 'font-family' प्रॉपर्टी को 'एरियल' मान पर शाब्दिक रूप से सेट किया गया हो।यदि यह पर्याप्त है, तो आप उन तत्वों पर वांछित रूप से वांछित रूप से 'फ़ॉन्ट-आकार' सेट कर सकते हैं, जिसके लिए आप 'फ़ॉन्ट-फ़ैमिली: एरियल' सेट करते हैं। –
0
if ($("div").css('font-family') === 'Arial')
{
$("div").css({'font-size': '100px'});
}
5
नहीं वास्तव में। लेकिन कुछ सीमित और अपेक्षाकृत बेकार भावना में, हां।
सीएसएस में, गुण एक-दूसरे से स्वतंत्र होते हैं, सिवाय इसके कि जब सीएसएस विनिर्देश एक रिश्ते को परिभाषित करते हैं।
स्क्रिप्टिंग में, आप कई चीजें कर सकते हैं, लेकिन सरल jQuery तरीका, css('font-family') के लिए पूछताछ केवल आपको निर्दिष्ट सूची देता है। यदि आप font-family: Ariel, Helvetia, sansserif घोषित करते हैं (यह घोषणा जानबूझकर टूटा हुआ है, औपचारिक रूप से वैध है), तो यह आपको स्ट्रिंग Ariel, Helvetia, sansserif देगा, भले ही इनमें से कोई भी फ़ॉन्ट वास्तव में तत्व के लिए उपयोग नहीं किया जाता है। तो यह दृष्टिकोण सबसे आम उपयोग के मामले के लिए बेकार है (जहां आप विभिन्न प्रणालियों को कवर करने के लिए फ़ॉन्ट्स की एक सूची का उपयोग करना चाहते हैं, और फ़ॉन्ट आकार को वास्तव में उपयोग करने के अनुसार फ़ॉन्ट आकार बनाना चाहते हैं)।
जावास्क्रिप्ट में, फ़ॉन्ट को वास्तव में तत्व के लिए उपयोग करने का प्रयास करने के लिए कठिन तरीके हैं। वे आमतौर पर कुछ पाठों की चौड़ाई का मूल्यांकन करने और कुछ फ़ॉन्ट्स में उस पाठ की चौड़ाई के साथ परिणाम की तुलना करने के आधार पर होते हैं।
अंत में, तार्किक है, हालांकि font-size-adjust का उपयोग करने का खराब समर्थन तरीका है। केवल फ़ायरफ़ॉक्स इसका समर्थन करता है, और समर्थन को गंभीर तरीके से विभाजित किया जाता है (यह गलत x-height जानकारी का उपयोग करता है, उदाहरण के लिए, x-height of Verdana वास्तव में 0.545 है।
+0
यह बिल्कुल एक सहायक नहीं है। इसके अलावा, jquery यहां सबसे तार्किक पसंद है। अगर फ़ॉन्ट किसी कारण से समर्थित नहीं है, और वास्तविक फ़ॉन्ट हेल्वैटिका बन जाता है तो यह ब्राउज़र के बहुत छोटे हिस्से को प्रभावित करेगा। आप सीएसएस के लिए नए लगते हैं, लेकिन कुछ ब्राउज़र सीएसएस या छवियों का भी समर्थन नहीं करते हैं। कुछ भी 100% संगत बनाने का कोई तरीका नहीं है। अधिकांश ब्राउज़रों के लिए सबसे अच्छा कवर के साथ इस समस्या को हल करने का सबसे अच्छा तरीका jquery check set css है। – user1721135
+1
@ user1721135 वास्तव में सवाल यह है कि बहुत अच्छी तरह से जवाब दें। यदि संदेह है, तो दूसरों की बजाय अपनी समझ में कमियों को मानें। आपका दावा "आप सीएसएस के लिए नए लगते हैं" बेहद हंसमुख है। क्या आपको * फ़ॉन्ट-आकार-समायोजन 'के बारे में पता था? मुझे ऐसा नहीं लगता। जुक्का ने किया, और यह वही है जो ओपी के बाद है (लेकिन यह काम नहीं करता है)। –
+0
हाँ मुझे फ़ॉन्ट-आकार-समायोजन और इसका बेकार पता है क्योंकि यह कई ब्राउज़रों द्वारा समर्थित नहीं है। एक बेकार सैद्धांतिक समाधान का उल्लेख करना मुझे आपकी विशेषज्ञता और वास्तविक प्रयोग से सवाल करता है। ओपी आवाज की तरह उसे नौकरी करना है और विनिर्देशों का पालन करना है, यह सिर्फ 4-मजेदार स्कूल प्रोजेक्ट पर काम करने में hes की तरह नहीं लगता है। – user1721135
कृपया अपने प्रश्न में अधिक विशिष्ट रहें जैसे कि आप जो चाहते हैं उसे देना – Eli
प्राप्त करें @ user1479606 मुझे आपके बारे में पता नहीं है लेकिन मुझे सवाल स्पष्ट रूप से स्पष्ट है। कोई विचार नहीं है कि यह क्यों कम हो जाता है। –
@ कोनराड रुडॉल्फ नहीं, यह स्पष्ट नहीं है, खासकर जब आप नहीं जानते कि उसका वर्तमान परिदृश्य क्या है और सीएसएस कैसे हो सकता है इस तरह कुछ हासिल करें? – Eli