साइट के लिए टाइपोग्राफी का चयन

किसी साइट के लिए टाइपोग्राफी का चुनाव लगभग उतना ही महत्वपूर्ण है जितना कि डिजाइन। यह न केवल आगंतुक को आपकी साइट की सामग्री को बेहतर ढंग से समझने में मदद करता है, बल्कि एक निश्चित मूड भी बनाता है। इस संबंध में, एक फ़ॉन्ट का चयन एक बहुत ही व्यक्तिपरक बात है, कई "सही विकल्प" हैं। लेकिन वास्तव में, टाइपोग्राफी का विकल्प उतना जटिल नहीं है जितना यह लग सकता है!

तकनीकी पृष्ठभूमि

नब्बे के दशक के बाद से, जब नेटस्केप ने टेक्स्ट फोंट (अब पदावनत) को बदलने के लिए एक टैग पेश किया , तो वेबमास्टर्स ने कुछ सफलताओं के साथ अपनी वेबसाइटों पर कस्टम फोंट का उपयोग करने की कोशिश की है।

<font size="5" color="black">Black text</font> 

इंटरनेट के इतिहास में और नई प्रौद्योगिकियों के आगमन के साथ, टाइपोग्राफी के विकास के कई चरणों को प्रतिष्ठित किया जा सकता है। सबसे पहले, वर्कअराउंड का उपयोग किया गया था, उदाहरण के लिए, पाठ के बजाय चित्र, धीरे-धीरे यह फ्लैश और सीएसएस के साथ-साथ जावास्क्रिप्ट के समाधान द्वारा प्रतिस्थापित किया गया था।

विभिन्न उपकरण और प्रौद्योगिकियाँ वर्तमान में उपलब्ध हैं, जैसे कि Google फोंट (मुफ्त) या एडोब टाइपेकिट (सदस्यता द्वारा उपलब्ध), जो साइट पर कस्टम फोंट के कार्यान्वयन को बहुत सरल करता है। इसके अलावा, Breezi, Squarespace और Moonfruit जैसे ऑनलाइन डिज़ाइनर और संपादक हैं जो आपके लिए सभी काम कर सकते हैं, कोड उत्पन्न करते हैं और आपको टर्नकी समाधान प्रदान करते हैं।

फ़ॉन्ट पठनीयता सब से ऊपर

पहली चीज जिस पर आपको ध्यान देना चाहिए वह है आपके द्वारा चुने गए फ़ॉन्ट की पठनीयता। आपको इसकी उपस्थिति के अनुसार एक फ़ॉन्ट चुनने के लिए लुभाया जा सकता है, और, ज़ाहिर है, उपस्थिति महत्वपूर्ण है, लेकिन आपको हमेशा मुख्य कारण याद रखना चाहिए कि आप साइट पर सामग्री क्यों प्रकाशित करते हैं - आगंतुकों को आपके द्वारा प्रकाशित की गई चीजों को पढ़ने में सक्षम होना चाहिए।



इसलिए, यदि फ़ॉन्ट पढ़ना मुश्किल है, तो इसका उपयोग करने का कोई मतलब नहीं है। एक प्रकाशन का उद्देश्य जिसमें पाठ शामिल है, पाठक को एक संदेश देना है। यदि आप किसी भी कठिनाइयों का सामना करते हैं, तो संदेश वितरित नहीं किया जाएगा। जोखिम की तुलना में एक स्टाइलिश, लेकिन अपठनीय फ़ॉन्ट छोड़ना बेहतर है, आपके आगंतुक यह नहीं समझ पाएंगे कि आप क्या कहना चाहते हैं।

मुख्य सामग्री के टाइपोग्राफी से शुरू करें

संभवतः पृष्ठ का वह भाग जिस पर उपयोगकर्ताओं का ध्यान केंद्रित किया जाएगा, मुख्य सामग्री का पाठ है। वहां वे आपके लेख, या कुछ और पढ़ने में सबसे अधिक समय बिताएंगे, क्योंकि यह इस पृष्ठ पर सबसे लंबा पाठ है।

इसलिए, यह सलाह दी जाती है कि एक जटिल, गैर-मानक फ़ॉन्ट का उपयोग न करें। कोई भी सेन्स "वेब के लिए सुरक्षित" (नीचे उस पर और अधिक) करेगा। मुख्य पाठ ठीक वही जगह है जहाँ पिछला पैराग्राफ - पठनीयता - सबसे महत्वपूर्ण है।



यह फ़ॉन्ट के आकार पर भी विचार करने योग्य है। प्रत्येक फ़ॉन्ट के अलग-अलग अर्थ और आकार भिन्न हो सकते हैं, इसलिए यह कहना असंभव है कि एक ऐसा आकार है जो प्रत्येक फ़ॉन्ट के लिए उपयुक्त है, लेकिन लगभग 14-16 आकार ठीक काम कर सकते हैं।

हेडिंग फॉन्ट

शीर्षक भी महत्वपूर्ण हैं क्योंकि वे पाठ के बड़े संस्करणों के लिए प्रारंभिक बिंदु होंगे। इसका कारण यह है कि लोग इंटरनेट पर "स्कैन" पृष्ठ लेते हैं, और शुरुआत से अंत तक हर पंक्ति को नहीं पढ़ते हैं।



दोनों शीर्षक, जो बताते हैं कि बाद में क्या कहा जाएगा, और पाठ के छोटे खंड टाइपोग्राफी पर इतनी आवश्यकताएं नहीं लगाते हैं, इसलिए आपके पास कार्रवाई के लिए अधिक स्वतंत्रता है। शीर्षक के लिए, आप अधिक विस्तृत और जटिल फ़ॉन्ट खर्च कर सकते हैं।

इसके अलावा, एक बड़ा फ़ॉन्ट पढ़ने में आसान है, यदि आप बड़े फ़ॉन्ट का उपयोग करते हैं, तो आपको फ़ॉन्ट चुनने में अधिक स्वतंत्रता होगी।

इसके अलावा, यदि आप एक कस्टम फ़ॉन्ट का उपयोग करते हैं, तो आपको किसी तरह से अपने शीर्षकों के लिए सही फ़ॉन्ट निर्दिष्ट करने की आवश्यकता हो सकती है। उदाहरण के लिए, यदि आप अपनी साइट पर एक फ़ॉन्ट प्रदर्शित करने के लिए एक जावास्क्रिप्ट समाधान का उपयोग करते हैं (जैसे Google फ़ॉन्ट्स, एडोब टाइपेक या कुफॉन), तो यह आपकी साइट की लोडिंग गति को धीमा कर देगा। और अधिक जावास्क्रिप्ट फ़ॉन्ट को रेंडर करने की आवश्यकता है, आपका पेज धीमा हो जाएगा। यह एक और कारण है कि आपको मुख्य पाठ में कस्टम फोंट से बचना चाहिए।

जैसा कि पहले ही उल्लेख किया गया है, फोंट के लिए कोई मानक आकार नहीं हैं, लेकिन यदि आप चाहते हैं, तो आप एच 1 के लिए 32-34 आकार की कोशिश कर सकते हैं, और अगले स्तर के शीर्षकों के लिए इस विकल्प को कम कर सकते हैं, क्योंकि मुख्य शीर्षक से बड़ा ग्रंथ नहीं होना चाहिए।



यह भी ध्यान देने योग्य है कि आपको पदानुक्रम पर जोर देना चाहिए ताकि शीर्षक सादे पाठ से बाहर खड़े हों। यह अलग-अलग तरीकों से किया जा सकता है, लेकिन सबसे सरल, सबसे अधिक उपयोग किया जाता है, और उन्हें नियमित पाठ से बड़ा बनाने की सिफारिश की जाती है। आप उन्हें अलग-अलग रंग में भी बोल्ड, एक पृष्ठभूमि या चित्र, और इसी तरह जोड़ सकते हैं।

दो फोंट काफी हैं!

यदि आप बहुत सारे फोंट का उपयोग करते हैं, तो साइट को असंगत बनाने का खतरा है। ऐसी साइट कुछ समझाने से ज्यादा भ्रमित करने वाली हो सकती है। शायद इस शैली का कुछ उद्देश्य है, लेकिन अगर आप इसे सही ढंग से लागू नहीं कर सकते हैं, तो बस इसे से बचना बेहतर है।

बेशक, "नियमों को तोड़ने के लिए आविष्कार किया गया है", और आप तीन या अधिक फोंट का उपयोग करने की कोशिश कर सकते हैं, और आपके पास अच्छे परिणाम होंगे। लेकिन, सामान्य तौर पर, लगभग किसी भी उद्देश्य के लिए सिर्फ दो फोंट पर्याप्त हो सकते हैं।

उदाहरण के लिए, एक फ़ॉन्ट का उपयोग मानक पाठ के लिए किया जा सकता है, और दूसरा शीर्षकों या अन्य चयनित तत्वों के लिए किया जा सकता है।

फ़ॉन्ट श्रेणियाँ

हेडसेट को दो मुख्य श्रेणियों में विभाजित किया जा सकता है: सेरिफ़ (सेरिफ़) और बिना सेरिफ़ (सेन्स सेरिफ़)। अक्षरों के स्ट्रोक के अंत में सेरिफ़ छोटे तत्व होते हैं।



अन्य श्रेणियां भी हैं, जैसे "स्क्रिप्ट", "ब्लैक लिटर" या "मोनो", लेकिन वे पिछले वाले के रूप में व्यापक रूप से उपयोग नहीं किए जाते हैं।

वेब सुरक्षित फोंट

"वेब के लिए सुरक्षित" एक शब्द है जिसका उपयोग इंटरनेट पर उपयोग के लिए उपलब्ध वस्तुओं, या दूसरे शब्दों में, "सुरक्षित" का वर्णन करने के लिए किया जाता है। यह न केवल फोंट पर लागू होता है, लेकिन इस संदर्भ में विशेष रूप से, यह उन फोंट को संदर्भित करता है जो अधिकांश कंप्यूटर (पीसी और मैक) पर स्थापित होते हैं।

उन्हें आपकी साइट पर बिना किसी हैक, प्रतिस्थापन विधियों या स्क्रिप्ट के उपयोग किया जा सकता है और सभी कंप्यूटरों (कम से कम इंटरनेट से जुड़े लोगों) पर सही ढंग से प्रदर्शित करेगा।

यहाँ "सुरक्षित" फोंट की एक छोटी सूची है:

संस सेरिफ़:

• Helvetica
• एरियल
• Tahoma
• प्रभाव
• ल्युसिडा सैंस
• Verdana
• जिनेवा

सेरिफ़:

• टाइम्स न्यू रोमन
• जॉर्जिया
• गैरामोंड
• पैलेटिनो लाइनोटाइप
• पुरावशेष
• संदेशवाहक
• मोनाको

अन्य नोट

अन्य पाठ स्वरूपण विधियां भी उपलब्ध हैं जिन्हें आपको फ़ॉन्ट को अनुकूलित करते समय विचार करने की आवश्यकता है। यहां तक ​​कि अगर आपके पास बहुत अच्छा फ़ॉन्ट है, पढ़ने में आसान और पूरी तरह से अपने डिजाइन के अनुकूल है, तो पत्र के रिक्ति या लाइन की ऊंचाई निर्धारित नहीं होने पर साइट की पूरी छाप बर्बाद हो सकती है।



ये दो विशेषताएँ पाठ को अधिक पठनीय बना सकती हैं। उनका उपयोग एक विशिष्ट प्रभाव को प्राप्त करने के लिए भी किया जा सकता है, जैसे अक्षरों को अधिक संक्षिप्त बनाना, जो आपके डिजाइन को बेहतर बना सकता है। जब तक वे पठनीय रहते हैं, यह स्वीकार्य है।



पाठ के साथ ब्लॉकों में लाइनों की लंबाई के बारे में ध्यान दें: यह सिफारिश की जाती है (हालांकि यह एक सख्त नियम नहीं है) कि प्रत्येक पंक्ति में 45-75 वर्ण होने चाहिए। यदि रेखा बहुत छोटी है, तो यह पाठ को पढ़ने की गति को धीमा कर देगी। यदि किसी पंक्ति में बहुत अधिक वर्ण हैं, तो उस पंक्ति को खोना बहुत आसान हो जाता है जिसे आप पढ़ रहे हैं, अगले पर जा रहे हैं।

निष्कर्ष

ऊपर सूचीबद्ध सभी नियमों में से, सबसे महत्वपूर्ण पाठ की पठनीयता है। जैसा कि पूरे लेख में जोर दिया गया है, किसी भी अन्य ग्राफ्ट को अविनाशी नहीं माना जाना चाहिए। आप प्रयोग करने की कोशिश कर सकते हैं या डिजाइनरों या किसी भी सामान्य उपयोगकर्ता से प्रतिक्रिया मांग सकते हैं।

अपनी वेबसाइट के लिए सही टाइपोग्राफी का चयन करने का अनुवाद