किसी तत्व के फ़ॉन्ट परिवार को नियंत्रित करने के लिए टेलविंड उपयोगिताएँ

यह आलेख टेलविंड उपयोगिताओं का उपयोग करके किसी तत्व के फ़ॉन्ट परिवार को नियंत्रित करने की प्रक्रिया प्रदान करता है।

टेलविंड यूटिलिटीज़ का उपयोग करके किसी तत्व के फ़ॉन्ट परिवार को कैसे नियंत्रित करें?

टेलविंड में किसी तत्व के फ़ॉन्ट परिवार को नियंत्रित करने के लिए, तत्व को निम्नलिखित उपयोगिता प्रदान करनी होगी:

तीन डिफ़ॉल्ट फ़ॉन्ट परिवार हैं जिन्हें ऊपर दी गई उपयोगिता का उपयोग करके सेट किया जा सकता है। इसमे शामिल है ' सेरिफ़ ', ' बिना ', और ' मोनो ”।

आइए '' का उपयोग करके एक प्रदर्शन में इन फ़ॉन्ट परिवारों का उपयोग करें फ़ॉन्ट-{फ़ॉन्ट परिवार} यह कैसे काम करता है यह देखने के लिए कक्षा:

उपरोक्त कोड की व्याख्या इस प्रकार है:

• 'का उपयोग करके तीन div तत्व बनाए गए हैं
  और विभिन्न फ़ॉन्ट परिवारों के साथ प्रदान किए जाते हैं।
• “ फुहारा परिवार} 'वर्ग तत्व में पाठ को निर्दिष्ट फ़ॉन्ट परिवार प्रदान करेगा।
• “ गोलाकार-xl क्लास डिव एलिमेंट के कोनों को गोल बनाएगी।
• “ छाया-एलजी क्लास div तत्व को एक बड़ी छाया प्रदान करेगी।
• “ पाठ-केंद्र ” पाठ को तत्व के केंद्र में संरेखित करेगा।
• “ पाई-2 ' और ' मेरी -2 'कक्षाएं प्रदान करेंगी' 8px 'तत्व के ऊपर और नीचे की दिशा में पैडिंग और मार्जिन।
• “ बीजी-{रंग}-{संख्या} वर्ग तत्व की पृष्ठभूमि को निर्दिष्ट रंग में सेट करने के लिए जिम्मेदार है।

आउटपुट से, यह स्पष्ट है कि प्रत्येक तत्व का एक अलग फ़ॉन्ट परिवार है:

हम होवर फ़ंक्शन का उपयोग करके किसी तत्व के फ़ॉन्ट परिवार को गतिशील रूप से बदल सकते हैं। उदाहरण के लिए, नीचे दिए गए कोड पर जाएँ:

ऊपर दिए गए कोड में, ' होवर: फ़ॉन्ट-{परिवार} जैसे ही माउस कर्सर उस पर घूमता है, उपयोगिता तत्व के फ़ॉन्ट परिवार को बदलने के लिए ज़िम्मेदार है। आउटपुट में देखा जा सकता है कि जब उपयोगकर्ता उस पर माउस कर्सर घुमाता है तो टेक्स्ट का फ़ॉन्ट परिवार बदल जाता है:

यह सब टेलविंड में किसी तत्व के फ़ॉन्ट परिवार को नियंत्रित करने के बारे में है।

निष्कर्ष

टेलविंड में, एक तत्व को 'का उपयोग करके एक फ़ॉन्ट परिवार सौंपा जा सकता है' फुहारा परिवार} ' कक्षा। टेलविंड द्वारा प्रदान किए गए तीन डिफ़ॉल्ट फ़ॉन्ट परिवार हैं अर्थात ' बिना ', ' सेरिफ़ ', और ' मोनो ”। उपयोगकर्ता किसी तत्व की स्थिति बदलने पर उसके फ़ॉन्ट परिवार को भी बदल सकता है। इस आलेख ने टेलविंड में किसी तत्व के फ़ॉन्ट परिवार को नियंत्रित करने की प्रक्रिया प्रदान की है।