सीएसएस फ़ॉन्ट
- पिछला पृष्ठ सीएसएस पाठ शेड
- अगला पृष्ठ सीएसएस फ़ॉन्ट शैली
आपके वेबसाइट के लिए सही फ़ॉन्ट चुनना महत्वपूर्ण है!
फ़ॉन्ट चयन करना महत्वपूर्ण है
सही फ़ॉन्ट का चयन वेबसाइट के उपयोगकर्ता अनुभव पर बड़ा प्रभाव डाल सकता है।
सही फ़ॉन्ट का चयन आपके ब्रांड के लिए मजबूत छवि बना सकता है।
लचीले फ़ॉन्ट का चयन करना महत्वपूर्ण है। फ़ॉन्ट आपके पाठ को मूल्यवान बनाता है। फ़ॉन्ट के लिए सही रंग और पाठ आकार का चयन करना भी महत्वपूर्ण है।
सामान्य फ़ॉन्ट परिवार
CSS में, पांच सामान्य फ़ॉन्ट परिवार हैं:
- सेरिफ फ़ॉन्ट (Serif) - प्रत्येक अक्षर के किनारे एक छोटा पेंसिल टुकड़ा है। वे एक रूपात्मक और आकर्षक दिखावा पैदा करते हैं।
- सैंस-सेरिफ फ़ॉन्ट (Sans-serif) - फ़ॉन्ट रेखाएँ सरल (कोई छोटे लेंवे नहीं हैं)। वे एक आधुनिक और साधारण दिखावा पैदा करते हैं।
- मोनोस्पेस फ़ॉन्ट (Monospace) - यहाँ सभी अक्षरों की एक समान निश्चित चौड़ाई है। वे एक मशीनी सी दिखावा पैदा करते हैं।
- सर्फिस फ़ॉन्ट (Cursive) - मानव की पेंसिल लिखाई का मिलान करता है।
- फ़ैंटासी फ़ॉन्ट (Fantasy) - अलंकारी/मज़ेदार फ़ॉन्ट है।
सभी अलग-अलग फ़ॉन्ट नामों को पांच सामान्य फ़ॉन्ट परिवारों में से एक के रूप में जाता है।
सेरिफ और सैंस-सेरिफ फ़ॉन्ट के बीच का फर्क
सूचना:कंप्यूटर स्क्रीन पर, नो-सेरिफ फ़ॉन्ट को सेरिफ फ़ॉन्ट की तुलना में अधिक पढ़ने के लिए आसान माना जाता है।
कुछ फ़ॉन्ट के उदाहरण
| सामान्य फ़ॉन्ट परिवार | फ़ॉन्ट नाम का उदाहरण |
|---|---|
| सेरिफ | टाइम्स न्यू रोमन जॉर्जिया गारमोंड |
| सैंस-सेरिफ | एरियल वर्डाइना हेल्वेटिका |
| मोनोस्पेस | कॉरियर न्यू लूसिडा कंसोल मोनैको |
| सर्फिस | ब्रश स्क्रिप्ट MT लूसिडा हैंडव्रिटिंग |
| फ़ैंटासी | कॉपरप्लेट पैपीरस |
CSS font-family प्रवृत्ति
CSS में, हम font-family प्रवृत्ति को पाठ के फ़ॉन्ट को निर्धारित करते हैं।
font-family प्रवृत्ति को कई फ़ॉन्ट नामों को 'बैकअप' प्रणाली के रूप में शामिल करना चाहिए, ताकि ब्राउज़र/ऑपरेटिंग सिस्टम के बीच अधिक संयोग योग्यता सुनिश्चित की जा सके। आपके आवश्यक फ़ॉन्ट को शुरू में और सामान्य श्रृंखला को समाप्त करें (यदि कोई अन्य फ़ॉन्ट उपलब्ध नहीं है, तो ब्राउज़र को सामान्य श्रृंखला में उससे मिलता-जुलता फ़ॉन्ट चुनने को दें)। फ़ॉन्ट नामों को अलग-अलग करने के लिए अलग-अलग करें।
टिप्पणी:यदि फ़ॉन्ट नाम एक से अधिक शब्दों से मिला हो, तो उसे अनुवाद के लिए आगे कवर के अंदर रखना चाहिए, उदाहरण के लिए: "Times New Roman"。
इंस्टांस
तीन पैराग्राफ के लिए अलग-अलग फ़ॉन्ट निर्धारित करें:
.p1 {
font-family: "Times New Roman", Times, serif;
}
.p2 {
font-family: Arial, Helvetica, sans-serif;
}
.p3 {
font-family: "Lucida Console", "Courier New", monospace;
}
- पिछला पृष्ठ सीएसएस पाठ शेड
- अगला पृष्ठ सीएसएस फ़ॉन्ट शैली
