फ़ॉन्ट गुण बदलना

फ़ॉन्ट गुणों को बदलने के लिए सीएसएस का उपयोग करना सीखें

फ़ॉन्ट्स और सीएसएस

सीएसएस आपके वेब पेज पर फोंट को समायोजित करने का सबसे प्रभावी तरीका है। आप फ़ॉन्ट परिवार , आकार, रंग, वजन, और टाइपोग्राफी के कई अन्य पहलुओं को नियंत्रित कर सकते हैं।

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

• रंग
• फ़ॉन्ट परिवार
• फ़ॉन्ट आकार

फ़ॉन्ट के तीन भाग हैं:

• रंग
  • यह वह रंग है जो फ़ॉन्ट स्क्रीन पर प्रदर्शित होगा।
• आकार
  • यह स्क्रीन पर टाइपफेस कितना बड़ा या छोटा होगा।
• चेहरा
  • यह फ़ॉन्ट परिवार है, जिसे अक्सर वास्तविक फ़ॉन्ट के रूप में जाना जाता है।

फ़ॉन्ट रंग

पाठ का रंग बदलने के लिए, बस सीएसएस रंग शैली संपत्ति का उपयोग करें। आप या तो रंग के नाम या हेक्साडेसिमल कोड का उपयोग कर सकते हैं। वेब पर सभी रंगों के साथ, ब्राउज़र सुरक्षित रंगों का उपयोग करना सबसे अच्छा है।

अपने वेब पृष्ठों में निम्न शैलियों का प्रयास करें:

यह फ़ॉन्ट रंग लाल है
यह फ़ॉन्ट रंगीन नीला है

फ़ॉन्ट आकार

जब आप वेब पर फ़ॉन्ट आकार सेट करते हैं तो आप इसे सापेक्ष आकार में सेट कर सकते हैं या पिक्सल, सेंटीमीटर या इंच का उपयोग करके बहुत विशिष्ट हो सकते हैं। हालांकि, प्रिंट के लिए अधिक सटीक फ़ॉन्ट आकार का उपयोग किया जाना चाहिए, न कि वेब पृष्ठों के लिए, जहां आपकी वेबसाइट देखने वाले प्रत्येक व्यक्ति के पास एक अलग रिज़ॉल्यूशन, मॉनिटर आकार या डिफ़ॉल्ट फ़ॉन्ट सेटिंग हो सकती है। इस प्रकार, यदि आप अपने मानक आकार के रूप में 15px चुनते हैं, तो आप यह देखकर आश्चर्यचकित हो सकते हैं कि आपका फ़ॉन्ट आपके ग्राहकों को कितना बड़ा या छोटा करता है।

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

यह फ़ॉन्ट 1em है
यह फ़ॉन्ट .75em है
यह फ़ॉन्ट 1.25em है

फ़ॉन्ट चेहरे

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

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

मेरे पसंदीदा फ़ॉन्ट स्टैक में से एक यह सेट एक सैन्स-सेरिफ़ फ़ॉन्ट संग्रह है और जबकि जीनेवा और एरियल बहुत समान दिखते नहीं हैं, वे मैकिंतोश और विंडोज कंप्यूटर दोनों पर काफी मानक हैं। मैं यूनिक्स या लिनक्स जैसे अन्य ऑपरेटिंग सिस्टम पर ग्राहकों के लिए हेल्वैटिका और हेल्व शामिल करता हूं, जिसमें एक मजबूत फ़ॉन्ट लाइब्रेरी नहीं हो सकती है।

यह फ़ॉन्ट सैन्स-सेरिफ़ है
यह फ़ॉन्ट सेरिफ़ है