सीएसएस का उपयोग कर वेब पेज पर फ़ॉन्ट कैसे बदलें

फ़ॉन्ट 4 को HTML 4 में बहिष्कृत किया गया था और यह HTML5 विनिर्देश का हिस्सा नहीं है। इसलिए, यदि आप अपने वेब पृष्ठों पर फोंट बदलना चाहते हैं, तो आपको सीएसएस (कैस्केडिंग स्टाइल शीट्स ) के साथ इसे कैसे करना है सीखना चाहिए।

सीएसएस के साथ फ़ॉन्ट बदलने के लिए कदम

  1. एक टेक्स्ट HTML संपादक का उपयोग कर एक वेब पेज खोलें। यह एक नया या मौजूदा पृष्ठ हो सकता है।
  2. कुछ पाठ लिखें: यह पाठ एरियल में है
  3. स्पैन तत्व के साथ पाठ के चारों ओर: यह पाठ एरियल में है
  4. विशेषता शैली = "" अवधि टैग में जोड़ें: यह पाठ एरियल में है
  5. शैली विशेषता के भीतर, फ़ॉन्ट-पारिवारिक शैली का उपयोग करके फ़ॉन्ट बदलें: यह टेक्स्ट एरियल में है

सीएसएस के साथ फ़ॉन्ट बदलने के लिए युक्तियाँ

  1. अल्पविराम (,) के साथ अलग-अलग फ़ॉन्ट विकल्प अलग करें। उदाहरण के लिए,
    1. फ़ॉन्ट-फ़ैमिली: एरियल, जिनेवा, हेल्वेटिका, सैन्स-सेरिफ़;
    2. अपने फ़ॉन्ट स्टैक (फोंट की सूची) में कम-से-कम दो फोंट हमेशा रखना सर्वोत्तम होता है, ताकि यदि ब्राउज़र में पहला फ़ॉन्ट न हो, तो यह इसके बजाय दूसरे का उपयोग कर सकता है।
  2. अर्ध-कॉलन (;) के साथ हमेशा प्रत्येक सीएसएस शैलियों को समाप्त करें। जब केवल एक ही शैली होती है तो इसकी आवश्यकता नहीं होती है, लेकिन इसमें प्रवेश करने की अच्छी आदत है।
  3. यह उदाहरण इनलाइन शैलियों का उपयोग करता है, लेकिन शैलियों का सर्वोत्तम प्रकार बाहरी स्टाइल शीट में रखा जाता है ताकि आप केवल एक तत्व से अधिक प्रभावित कर सकें। आप टेक्स्ट के ब्लॉक पर शैली सेट करने के लिए कक्षा का उपयोग कर सकते हैं। उदाहरण के लिए:
    1. वर्ग = "एरियल"> यह पाठ एरियल में है
    2. सीएसएस का उपयोग करना:
    3. .arial {फ़ॉन्ट-परिवार: एरियल; }