उपयोग करने के लिए कौन सा फ़ॉन्ट परिवार तय करें
साइट के आकार या उद्योग के आकार के बावजूद आज ऑनलाइन किसी भी वेबपृष्ठ को देखें, और आप देखेंगे कि एक चीज जो वे सभी साझा करते हैं वह टेक्स्ट सामग्री है।
किसी वेब पेज के डिज़ाइन को प्रभावित करने का सबसे आसान तरीका उन फ़ॉन्ट्स के साथ है जिन्हें आप उस साइट पर टेक्स्ट सामग्री के लिए उपयोग करते हैं। दुर्भाग्यवश, कई वेब डिज़ाइनर जो अपने करियर में शुरुआती हैं, प्रत्येक पृष्ठ पर बहुत से फ़ॉन्ट्स का उपयोग करके थोड़ा पागल हो जाते हैं। यह एक गड़बड़ अनुभव के लिए बना सकता है जिसमें डिजाइन समेकन की कमी है। अन्य मामलों में, डिजाइनर उन फ़ॉन्ट्स के साथ प्रयोग करने का प्रयास करते हैं जो वास्तव में अपठनीय हैं, क्योंकि वे "शांत" या अलग हैं। वे वास्तव में अच्छे दिखने वाले फोंट हो सकते हैं, लेकिन अगर वे पाठ जो उन्हें व्यक्त करने के लिए हैं, पढ़ा नहीं जा सकता है, तो उस फ़ॉन्ट का "ठंडाता" तब तक पहन जाएगा जब कोई भी उस वेबसाइट को नहीं पढ़ता है और इसके बजाय उस साइट के लिए छोड़ देता है जिसे वे संसाधित कर सकते हैं!
यह आलेख उन कुछ वस्तुओं को देखेगा जिन पर आपको विचार करना चाहिए क्योंकि आप अपनी अगली वेबसाइट प्रोजेक्ट के लिए फ़ॉन्ट परिवार चुनते हैं।
कुछ नियम-थंब
- किसी एक पेज पर 3-4 से अधिक फोंट का उपयोग न करें। इससे कुछ और शौकिया महसूस करना शुरू हो जाता है - और कुछ मामलों में 4 फोंट भी बहुत हो सकते हैं!
- फ़ॉन्ट को मध्य वाक्य में तब तक न बदलें जब तक कि आपके पास बहुत अच्छा कारण न हो (नोट - मैंने कभी भी वेब डिजाइनर के रूप में अपने सभी वर्षों में नहीं किया है, ऐसा करने का एक अच्छा कारण मिला है)
- सामग्री के उन ब्लॉक को पढ़ने के लिए आसान बनाने के लिए बॉडी टेक्स्ट के लिए सैन्स सेरिफ़ फोंट या सेरिफ़ फोंट का उपयोग करें।
- पृष्ठ से अलग कोड को सेट करने के लिए टाइपराइटर टेक्स्ट और कोड ब्लॉक के लिए मोनोस्पेस फोंट का उपयोग करें।
- बहुत कम शब्दों वाले उच्चारण या बड़ी सुर्खियों के लिए स्क्रिप्ट और फंतासी फोंट का उपयोग करें।
याद रखें कि ये सभी सुझाव हैं, कठिन और तेज़ नियम नहीं। यदि आप कुछ अलग करने जा रहे हैं, तो, आपको इसे इरादे से करना चाहिए, दुर्घटना से नहीं।
SANS SERIF FONTS आपकी साइट के आधार हैं
सांस सेरिफ़ फोंट उन फोंट हैं जिनके पास " सेरिफ़्स " नहीं हैं- अक्षरों के सिरों पर थोड़ा जोड़ा गया डिज़ाइन उपचार।
यदि आपने कोई प्रिंट डिज़ाइन पाठ्यक्रम लिया है तो आपको शायद बताया गया है कि आपको केवल हेडलाइंस के लिए सेरिफ़ फोंट का उपयोग करना चाहिए। यह वेब के लिए सच नहीं है। वेब पेजों का उद्देश्य कंप्यूटर मॉनीटर पर वेब ब्राउज़र द्वारा देखा जाना है और आज के मॉनीटर सर्फ और सैन्स-सेरिफ़ फोंट दोनों को स्पष्ट रूप से प्रदर्शित करने में बहुत अच्छे हैं। कुछ सेरिफ़ फोंट छोटे आकारों पर विशेष रूप से पुराने डिस्प्ले पर पढ़ने के लिए थोड़ा चुनौतीपूर्ण हो सकते हैं, इसलिए आपको हमेशा अपने दर्शकों से अवगत रहना चाहिए और यह सुनिश्चित करना चाहिए कि वे आपके शरीर के पाठ के लिए उपयोग करने का निर्णय लेने से पहले सेरिफ़ फोंट पढ़ सकें। ऐसा कहा जा रहा है कि, अधिकांश सेरिफ़ फोंट आज डिजिटल खपत के लिए डिज़ाइन किए गए हैं और जब तक वे उचित फ़ॉन्ट आकार पर सेट नहीं होते हैं, तब तक वे शरीर की प्रतिलिपि के रूप में ठीक काम करेंगे।
संस-सेरिफ़ फोंट के कुछ उदाहरण हैं:
- एरियल
- जिनेवा
- Helvetica
- लुसीडा सैन्स
- ट्रेबुशेट
- Verdana
ट्रिविया: वर्दाना एक फ़ॉन्ट परिवार है जिसे वेब पर उपयोग के लिए आविष्कार किया गया था ।
प्रिंट के लिए सर्फ फोंट का उपयोग करें
जबकि सेरिफ़ फोंट पुराने डिस्प्ले के लिए ऑनलाइन पढ़ने के लिए व्यवहार कर सकते हैं, वे वेबपृष्ठ पर हेडलाइंस के लिए प्रिंट और अच्छे के लिए बिल्कुल सही हैं। यदि आपके पास अपनी साइट के प्रिंट अनुकूल संस्करण हैं, तो यह सेरिफ़ फोंट का उपयोग करने के लिए एक आदर्श जगह है। प्रिंट में सेरिफ़, इसे पढ़ने में आसान बनाते हैं, क्योंकि वे लोगों को अक्षरों को और अधिक स्पष्ट रूप से अंतर करने की अनुमति देते हैं। और क्योंकि प्रिंट में उच्च रिज़ॉल्यूशन होता है, इसलिए उन्हें अधिक स्पष्ट रूप से देखा जा सकता है और एक साथ धुंधला नहीं दिखता है।
सर्वोत्तम अभ्यास: अपने प्रिंट-अनुकूल पृष्ठों के लिए सेरिफ़ फोंट का उपयोग करने पर विचार करें।
सेरिफ़ फोंट के कुछ उदाहरण हैं:
- गैरामोंड
- जॉर्जिया
- टाइम्स
- टाइम्स न्यू रोमन
मोनोस्पेस फोंट प्रत्येक पत्र के लिए एक समान स्पेस लेते हैं
यहां तक कि यदि आपकी साइट कंप्यूटिंग के बारे में नहीं है, तो आप निर्देश प्रदान करने, उदाहरण देने, या टाइप टाइप लिखित पाठ को इंगित करने के लिए मोनोस्पेस का उपयोग कर सकते हैं। प्रत्येक चरित्र के लिए मोनोस्पेस अक्षरों की एक ही चौड़ाई होती है, इसलिए वे हमेशा पृष्ठ पर समान मात्रा में स्थान लेते हैं।
टाइपराइटर आमतौर पर मोनोस्पेस फोंट का इस्तेमाल करते हैं, और अपने वेबपृष्ठ पर उनका उपयोग करके आप उस टाइप लिखित सामग्री का अनुभव दे सकते हैं।
मोनोस्पेस फोंट के कुछ उदाहरण हैं:
- संदेशवाहक
- नया संदेशवाहक
- लुसीडा कंसोल
- मोनाको
सर्वश्रेष्ठ अभ्यास: मोनोस्पेस फोंट कोड नमूने के लिए अच्छी तरह से काम करते हैं।
फंतासी और स्क्रिप फोन्स पढ़ने के लिए मुश्किल हैं
काल्पनिक और स्क्रिप्ट फोंट कंप्यूटर पर व्यापक रूप से फैले नहीं हैं, और आम तौर पर बड़े हिस्सों में पढ़ना मुश्किल हो सकता है। जबकि आप एक डायरी या अन्य व्यक्तिगत रिकॉर्ड के प्रभाव को पसंद कर सकते हैं जो एक कर्सर फ़ॉन्ट का उपयोग कर सकता है, आपके पाठकों को परेशानी हो सकती है। यह विशेष रूप से सच है यदि आपके दर्शकों में गैर देशी वक्ताओं शामिल हैं। इसके अलावा, फंतासी और कर्सर फोंट में हमेशा उच्चारण वर्ण या अन्य विशेष वर्ण शामिल नहीं होते हैं जो आपके टेक्स्ट को अंग्रेजी तक सीमित करते हैं।
छवियों में और शीर्षक या कॉल-आउट के रूप में फंतासी और कर्सी फोंट का उपयोग करें। उन्हें कम रखें और ध्यान रखें कि जो भी फ़ॉन्ट आप चुनते हैं वह शायद आपके पाठकों के कंप्यूटरों में से अधिकांश पर नहीं होगा, इसलिए आपको उन्हें वेब फोंट का उपयोग करके वितरित करने की आवश्यकता होगी।
फंतासी फोंट के कुछ उदाहरण हैं:
- ताम्र पत्र
- डेस्डेमोना
- प्रभाव
- किनो
ट्रिविया: प्रभाव मैक, विंडोज़ और यूनिक्स मशीनों पर होने वाला फ़ॉन्ट परिवार है।
स्क्रिप्ट फोंट के कुछ उदाहरण हैं:
- ऐप्पल चांसरी
- कॉमिक सैन्स एमएस
- लुसीडा हस्तलेखन
ट्रिविया: अध्ययनों से पता चला है कि पढ़ने के लिए कठिन फ़ॉन्ट्स छात्रों को अधिक जानकारी रखने में मदद कर सकते हैं।
जेनिफर क्रिनिन द्वारा मूल लेख। जेरेमी गिरार्ड द्वारा 9/8/17 को संपादित किया गया