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