वेब पेज पर प्रदर्शित फ़ॉन्ट प्रकार और रंग बदलना

नोट: यह पृष्ठ वेब पेज पर फ़ॉन्ट प्रकार, आकार और रंग बदलने से संबंधित है। Microsoft Word के लिए, फ़ॉन्ट रंग, आकार या वर्ड में टाइप करने के तरीके के बारे में हमारा पेज देखें।

इस दस्तावेज़ में एक वेब पेज पर फ़ॉन्ट और उसके रंग को बदलने के निर्देश हैं। उचित सिंटैक्स आगे बढ़ना एक इनलाइन शैली विशेषता या फ़ॉन्ट टैग के बजाय क्लास या आईडी चयनकर्ताओं के साथ कैस्केडिंग स्टाइल शीट्स का उपयोग करना है, जो कि पदावनत हैं। हालाँकि, यह ध्यान देने योग्य है कि ये दोनों विधियाँ अभी भी अधिकांश इंटरनेट ब्राउज़रों के साथ काम करती हैं।

आगे बढ़ने के लिए, उस विधि का चयन करें जिसे आप हर अनुभाग से सीखना या पढ़ना चाहते हैं।

यदि आप किसी वेब पेज पर केवल एक बार फ़ॉन्ट चेहरे और उसके रंग को बदलने की योजना बनाते हैं, तो आपको तत्व टैग में इसकी विशेषताओं को बदलने की आवश्यकता है। शैली विशेषता का उपयोग करते हुए, आप फ़ॉन्ट-परिवार, रंग और फ़ॉन्ट आकार के साथ फ़ॉन्ट आकार और फ़ॉन्ट का आकार निर्दिष्ट कर सकते हैं, जैसा कि नीचे दिए गए उदाहरण में दिखाया गया है।

उदाहरण कोड

इस पाठ में फ़ॉन्ट कूरियर है, ब्लू है और 20px है।

परिणाम

इस पाठ में कूरियर फ़ॉन्ट है, ब्लू है, और आकार में 20 पीएक्स है।

एक या अधिक पृष्ठों के लिए CSS का उपयोग करना

एक पृष्ठ के लिए कस्टम फ़ॉन्ट

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

 .custom {फ़ॉन्ट-परिवार: कूरियर; लाल रंग; font-size: 20px; } 

एक बार परिभाषित करने के बाद, यह स्टाइल आपके पेज के अधिकांश तत्वों पर उन्हें "कस्टम" क्लास लगाकर लागू किया जा सकता है। निम्न बॉक्स कोड की दो पंक्तियाँ और उनके संबंधित परिणाम दिखाता है।

उदाहरण

यह पूरा वाकया लाल और कुरियर का है

केवल TEST शब्द लाल और कूरियर है।

परिणाम

यह पूरा वाकया लाल और कुरियर का है।

केवल TEST शब्द लाल और कूरियर है।

कई पृष्ठों के लिए कस्टम फ़ॉन्ट

बाहरी CSS फ़ाइल को आयात करना बहुत फायदेमंद हो सकता है क्योंकि यह उपयोगकर्ताओं को एक ही समय में कई पृष्ठों के लिए नियम बदलने की अनुमति देता है। निम्न अनुभाग एक मूल सीएसएस फ़ाइल बनाने के लिए एक उदाहरण दिखाता है जो फ़ॉन्ट को बदलता है और यह अधिकांश तत्वों के लिए रंग है। यह फ़ाइल एक से अधिक वेब पेज, यहां तक ​​कि पूरी साइट में लोड की जा सकती है।

किसी भी मूल पाठ संपादक का उपयोग करते हुए, निम्न पाठ को .css फ़ाइल के रूप में सहेजना आयात के लिए तैयार करेगा।

 @charset "utf-8";

। कोरियर {फ़ॉन्ट-परिवार: कूरियर; रंग: # 005CB9; }

एक बार पूर्ववर्ती पाठ को .css फ़ाइल में रखा गया है (हमने हमारा नाम basic.css रखा है), आप निम्न उदाहरण से मिलती-जुलती रेखा का उपयोग करके इसे किसी अन्य पृष्ठ से लिंक कर सकते हैं।

युक्ति: उपयोगकर्ता आयातित .css फ़ाइल में कोड बदलकर एक पृष्ठ पर तत्वों की विशेषताओं को बदल सकते हैं।

फ़ॉन्ट टैग समाधान

हालांकि पदावनत, HTML टैग अभी भी इस्तेमाल किया जा सकता है और कुछ ऑनलाइन सेवाओं के साथ उपयोग करने के लिए आवश्यक हो सकता है। फॉंट टैग का उपयोग करते समय, आपको चेहरे की विशेषता को शामिल करना चाहिए, जो कि उपयोग किए जाने वाले फ़ॉन्ट का वर्णन करता है। नीचे दिए गए उदाहरण में, हम कूरियर फ़ॉन्ट और हेक्साडेसिमल रंग कोड # 005CB9 का उपयोग कर रहे हैं, जो कि गहरा नीला है।

उदाहरण कोड

 एक विशेष फ़ॉन्ट उदाहरण। 

परिणाम