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