सरल स्टाइल विकल्प आपको सीएसएस (कैस्केडिंग स्टाइल शीट्स) का उपयोग करके वेब पेज के फ़ॉन्ट (या टाइप) को बदलने देते हैं। आप अलग-अलग शब्दों, विशिष्ट वाक्यों, शीर्षकों, पूरे अनुच्छेदों और यहां तक कि पाठ के पूरे पृष्ठ का फ़ॉन्ट सेट कर सकते हैं।
सीएसएस के साथ फ़ॉन्ट कैसे बदलें
आप एचटीएमएल और सीएसएस परिवर्तनों को किसी भी HTML संपादक या टेक्स्ट एडिटर का उपयोग करके नीचे समझा सकते हैं। आप या तो पृष्ठ से टेक्स्ट कॉपी कर सकते हैं और वहां परिवर्तन करने के लिए इसे संपादक में पेस्ट कर सकते हैं या संपादक में पूरा वेब पेज खोल सकते हैं और सीधे संपादित कर सकते हैं।
-
उस टेक्स्ट को ढूंढें जहां आप फ़ॉन्ट को बदलना चाहते हैं। हम इसे एक उदाहरण के रूप में उपयोग करेंगे:
यह पाठ एरियल में है
-
स्पैन तत्व के साथ पाठ के चारों ओर:
यह पाठ एरियल में है
-
विशेषता जोड़ें शैली = "" अवधि टैग के लिए:
यह पाठ एरियल में है
-
शैली विशेषता के भीतर, फ़ॉन्ट का उपयोग कर बदलें फ़ॉन्ट परिवार अंदाज।
यह पाठ एरियल में है
-
प्रभाव देखने के लिए परिवर्तनों को सहेजें।
फ़ॉन्ट बदलने के लिए सीएसएस का उपयोग करने के लिए युक्तियाँ
-
सबसे अच्छा तरीका हमेशा आपके फ़ॉन्ट स्टैक (फ़ॉन्ट्स की सूची) में कम-से-कम दो फ़ॉन्ट्स रखना है, ताकि यदि ब्राउज़र का पहला फ़ॉन्ट न हो, तो यह इसके बजाय दूसरे फ़ॉन्ट का उपयोग कर सकता है।
कॉमा के साथ अलग-अलग फ़ॉन्ट विकल्प अलग करें:
फ़ॉन्ट-फ़ैमिली: एरियल, जिनेवा, हेल्वेटिका, सैन्स-सेरिफ़;
-
ऊपर वर्णित उदाहरण इनलाइन स्टाइल का उपयोग करता है, लेकिन स्टाइलिंग का सबसे अच्छा प्रकार बाहरी स्टाइल शीट का उपयोग करता है ताकि आप केवल एक तत्व से अधिक प्रभावित कर सकें। आप टेक्स्ट के ब्लॉक पर शैली सेट करने के लिए कक्षा का उपयोग कर सकते हैं।
यह पाठ एरियल में है
इस उदाहरण में, उपरोक्त HTML को स्टाइल करने के लिए सीएसएस फ़ाइल निम्नानुसार दिखाई देगी:
.arial {फ़ॉन्ट-परिवार: एरियल; }
-
अर्धविराम (;) के साथ हमेशा सीएसएस शैलियों को समाप्त करें। जब केवल एक ही शैली होती है, तो इसकी आवश्यकता नहीं होती है, लेकिन यह शुरू करने की एक अच्छी आदत है।
