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