आपकी वेबसाइट पर उपयोग करने के लिए उपलब्ध सामान्य फ़ॉन्ट वर्गीकरण
किसी वेबसाइट को डिज़ाइन करते समय, उस पृष्ठ के प्रमुख तत्वों में से एक जिसमें आप काम करेंगे, वह टेक्स्ट सामग्री है। इस प्रकार, जब आप एक वेबपेज बनाते हैं और इसे सीएसएस के साथ शैली देते हैं, तो उस प्रयास का एक बड़ा हिस्सा साइट की टाइपोग्राफी के आसपास केंद्रित होगा।
टाइपोग्राफिक डिजाइन वेबसाइट डिजाइन में एक महत्वपूर्ण भूमिका निभाता है। अच्छी तरह से तैयार और स्वरूपित टेक्स्ट सामग्री एक पढ़ने का अनुभव बनाकर साइट को और अधिक सफल बनाने में मदद करती है जो आनंददायक और उपभोग करने में आसान दोनों है। प्रकार के साथ काम करने में आपके प्रयासों का एक हिस्सा आपके डिजाइन के लिए सही फोंट का चयन करना होगा और फिर पृष्ठ के प्रदर्शन में उन फोंट और फ़ॉन्ट शैलियों को जोड़ने के लिए सीएसएस का उपयोग करना होगा। यह " फ़ॉन्ट-स्टैक " कहलाता है इसका उपयोग करके किया जाता है
फ़ॉन्ट-ढेर
जब आप किसी वेबपृष्ठ पर उपयोग करने के लिए फ़ॉन्ट निर्दिष्ट करते हैं , तो आपके फ़ॉन्ट विकल्प को नहीं मिलने पर फ़ॉलबैक विकल्प भी शामिल करना सबसे अच्छा अभ्यास है। ये फ़ॉलबैक विकल्प "फ़ॉन्ट स्टैक" में प्रस्तुत किए जाते हैं। यदि ब्राउज़र को स्टैक में सूचीबद्ध पहला फ़ॉन्ट नहीं मिल रहा है, तो यह अगले पर चलता है। यह इस प्रक्रिया को तब तक जारी रखता है जब तक कि यह एक फ़ॉन्ट नहीं ढूंढता जो इसका उपयोग कर सकता है, या यह विकल्पों से बाहर हो जाता है (जिस स्थिति में यह किसी भी सिस्टम फ़ॉन्ट को चुनता है)। यहां "उदाहरण" तत्व पर लागू होने पर एक फ़ॉन्ट-स्टैक सीएसएस में कैसे दिखता है इसका एक उदाहरण दिया गया है:
शरीर {फ़ॉन्ट-परिवार: जॉर्जिया, "टाइम्स न्यू रोमन", सेरिफ़; }ध्यान दें कि हम पहले जॉर्जिया फ़ॉन्ट निर्दिष्ट करते हैं। डिफ़ॉल्ट रूप से, पृष्ठ का उपयोग यह होगा, लेकिन यदि वह फ़ॉन्ट किसी कारण से उपलब्ध नहीं है, तो पृष्ठ टाइम्स न्यू रोमन में फॉलबैक होगा। हम उस फ़ॉन्ट नाम को डबल कोट्स में संलग्न करते हैं क्योंकि यह एक बहु-शब्द का नाम है। एकल शब्द फ़ॉन्ट नाम, जैसे कि जॉर्जिया या एरियल, उद्धरणों की आवश्यकता नहीं है, लेकिन बहु-शब्द फ़ॉन्ट नाम की आवश्यकता है ताकि ब्राउज़र जानता है कि ये सभी शब्द फ़ॉन्ट नाम बनाते हैं।
यदि आप फ़ॉन्ट स्टैक का अंत देखते हैं, तो आपको ध्यान देना चाहिए कि हम "सेरिफ़" शब्द के साथ समाप्त होते हैं। यह एक सामान्य फ़ॉन्ट परिवार का नाम है। संभावित घटना में कि किसी व्यक्ति के पास जॉर्जिया या टाइम्स न्यू रोमन उनके कंप्यूटर पर नहीं है, तो साइट जो भी सर्फ फ़ॉन्ट ढूंढ सकती है उसका उपयोग करेगी। यह साइट को जो भी फ़ॉन्ट चाहता है, उस पर फ़ॉलबैक करने की अनुमति देना बेहतर है, क्योंकि आप कम से कम बता सकते हैं कि किस प्रकार का फ़ॉन्ट उपयोग करना है ताकि साइट के डिज़ाइन का समग्र रूप और स्वर जितना संभव हो उतना बरकरार रहे। हां, ब्राउज़र आपके लिए एक फ़ॉन्ट चुन देगा, लेकिन कम से कम आप मार्गदर्शन प्रदान कर रहे हैं ताकि यह पता चल सके कि डिज़ाइन के भीतर किस प्रकार का फ़ॉन्ट सबसे अच्छा काम करेगा।
जेनेरिक फ़ॉन्ट परिवार
सीएसएस में उपलब्ध सामान्य फ़ॉन्ट नाम हैं:
- घसीट
- कपोल कल्पित
- monospace
- सेरिफ़
- सान्स सेरिफ़
जबकि वेब डिज़ाइन और टाइपोग्राफी में कई अन्य फ़ॉन्ट वर्गीकरण उपलब्ध हैं, जिनमें स्लैब-सेरिफ़, ब्लैकलेटर, डिस्प्ले, ग्रंज और बहुत कुछ शामिल है, सूचीबद्ध 5 सामान्य सूचीबद्ध फ़ॉन्ट नामों में से 5 वे हैं जिन्हें आप सीएसएस में फ़ॉन्ट-स्टैक में उपयोग करेंगे। इन फ़ॉन्ट वर्गीकरण में अंतर क्या हैं? चलो एक नज़र डालते हैं!
कर्सिव फोंट में अक्सर पतली, अलंकृत लेटरफॉर्म होती है जो फैंसी हस्तलिखित पाठ को दोहराने के लिए होती हैं। इन फोंट, उनके पतले, फूलदार अक्षरों की वजह से, शरीर की प्रति जैसे सामग्री के बड़े ब्लॉक के लिए उपयुक्त नहीं हैं। कर्सिव फोंट आमतौर पर शीर्षकों और छोटी पाठ आवश्यकताओं के लिए उपयोग किए जाते हैं जिन्हें बड़े फ़ॉन्ट आकारों में प्रदर्शित किया जा सकता है।
काल्पनिक फोंट कुछ हद तक पागल फोंट हैं जो वास्तव में किसी अन्य श्रेणी में नहीं आते हैं। फ़ॉन्ट्स जो अच्छी तरह से ज्ञात लोगो को दोहराते हैं, जैसे हैरी पॉटर या बैक टू द फ़्यूचर मूवीज़ के लेटरफॉर्म, इस श्रेणी में आ जाएंगे। एक बार फिर, ये फोंट शरीर की सामग्री के लिए उपयुक्त नहीं हैं क्योंकि वे अक्सर इतने स्टाइलिज्ड होते हैं कि इन फ़ॉन्ट्स में लिखे गए पाठ के लंबे मार्ग पढ़ने के लिए बहुत मुश्किल है।
मोनोस्पेस फोंट वे हैं जहां सभी लेटरफॉर्म समान रूप से आकार और दूरी से बाहर होते हैं, जैसे कि आप पुराने टाइपराइटर पर पाएंगे। अन्य फ़ॉन्ट्स के विपरीत जिनके आकार के आधार पर अक्षरों के लिए परिवर्तनीय चौड़ाई है (उदाहरण के लिए, एक पूंजी "डब्ल्यू" लोअरकेस "i" की तुलना में अधिक कमरे लेती है), मोनोस्पेस फोंट सभी वर्णों के लिए निश्चित चौड़ाई है। इन फोंट का उपयोग अक्सर पृष्ठ पर प्रदर्शित होने पर किया जाता है क्योंकि वे उस पृष्ठ पर अन्य टेक्स्ट की तुलना में अलग दिखते हैं।
सेरिफ़ फोंट अधिक लोकप्रिय वर्गीकरणों में से एक हैं। ये फोंट हैं जिनके पास लेटरफॉर्म पर थोड़ा अतिरिक्त लिगचर हैं। उन अतिरिक्त टुकड़ों को "सेरिफ़" कहा जाता है। सामान्य सेरिफ फोंट जॉर्जिया और टाइम्स न्यू रोमन हैं। सेरिफ़ फोंट का उपयोग बड़े पाठ के लिए किया जा सकता है जैसे कि शीर्षक और टेक्स्ट और बॉडी कॉपी के लंबे मार्ग।
सांस-सेरिफ अंतिम वर्गीकरण है जिसे हम देखेंगे। ये फोंट हैं जिनके पास उपर्युक्त लिगचर नहीं हैं। नाम का मतलब है "बिना सर्फ के"। इस श्रेणी में लोकप्रिय फोंट एरियल या हेल्वैटिका होंगे। सेरिफ़ के समान, सैन्स-सेरिफ़ फोंट का उपयोग शीर्षकों के साथ-साथ शरीर की सामग्री में समान रूप से अच्छी तरह से किया जा सकता है।
जेनिफर क्रिनिन द्वारा मूल लेख। जेरेमी गिरार्ड द्वारा 10/16/17 को संपादित किया गया