Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

टाइपोग्राफी में बोल्ड बनाम इटैलिक का उपयोग कब करना चाहिए?

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

इस आर्टिकल में अधिकांश टेक्स्ट टाइपफेस, Alegreya का उपयोग कर रहा है, एक रेगुलर फ़ॉन्ट-वेट के साथ। CSS में, डिफ़ॉल्ट फ़ॉन्ट-वेट प्रॉपर्टी का मान 400 (रेगुलर) है।

  • एक बोल्ड फ़ॉन्ट-वेट का रेगुलर फ़ॉन्ट जैसा ही स्टाइल होता है, लेकिन मोटे अक्षरों के साथ।
  • एक इटैलिक फ़ॉन्ट आपके टाइपफेस के रेगुलर फ़ॉन्ट का बाएं से दाएं झुका हुआ संस्करण है।
  • एक बोल्ड इटैलिक झुका हुआ और मोटा दोनों संस्करण है आपके टाइपफेस का।

CSS में फ़ॉन्ट-वेट को बोल्ड पर सेट करें:

p { font-weight: bold; }

आप न्यूमेरिक मानों का भी उपयोग कर सकते हैं, आमतौर पर, 700 bold के लिए होता है।

HTML टैग्स के साथ अपने फ़ॉन्ट-वेट को बोल्ड पर सेट करने के लिए, जिन शब्दों पर आप जोर देना चाहते हैं उन्हें <strong> टैग्स में लपेटें, जैसे:

<strong>Text here</strong>

CSS में फ़ॉन्ट-स्टाइल को इटैलिक पर सेट करें:

p { font-style: italic; }

HTML टैग्स के साथ अपने फ़ॉन्ट-स्टाइल को इटैलिक पर सेट करने के लिए, जिन शब्दों पर आप जोर देना चाहते हैं उन्हें <em> टैग्स में लपेटें, जैसे:

<em>Text here</em>

CSS में बोल्ड-इटैलिक सेट करें:

p { font-style: italic; font-weight: bold; /*या 700*/ }

बोल्ड-इटैलिक के साथ HTML का उपयोग करने के लिए, जिन शब्दों पर आप जोर देना चाहते हैं उन्हें इस तरह लपेटें

<strong><em>Text here</em></strong>

रेगुलर, बोल्ड, इटैलिक, बोल्ड-इटैलिक से साथ-साथ तुलना:

Text Text Text Text


इटैलिक बनाम बोल्ड कब उपयोग करें

एक विचारधारा यह है कि चूंकि इटैलिक और बोल्ड दोनों टेक्स्ट ब्लॉक के कुछ हिस्सों पर जोर देने के लिए उपयोग किए जाते हैं, आपको उनमें से केवल एक का उपयोग करना चाहिए, कम से कम उसी टेक्स्ट ब्लॉक के भीतर। दूसरी विचारधारा यह है कि इटैलिक का उपयोग हल्के जोर के लिए किया जाना चाहिए, और बोल्ड मजबूत जोर के लिए।

मैं कहता हूं कि यह आपके टाइपफेस (फ़ॉन्ट-फैमिली) पर निर्भर करता है क्योंकि बोल्ड या इटैलिक का जोर स्तर टाइपफेस से टाइपफेस में काफी भिन्न होगा।

कुछ टाइपफेस डिज़ाइन, विशेष रूप से सैंस-सेरिफ वर्गीकरण के, में काफी कमजोर इटैलिक्स होते हैं। कमजोर, जैसा कि आप शायद ही नोटिस करते हैं कि वे झुके/तिरछे हैं, और इस प्रकार वे जोर उपकरण के रूप में अच्छी तरह से काम नहीं करते। यदि आपके टाइपफेस में कमजोर इटैलिक है, तो बोल्ड का उपयोग करें।

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

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

जहां भी सबसे अधिक पिक्सेल होते हैं, आंखें आमतौर पर पहले वहीं जाती हैं, इसलिए बोल्ड, अपने मोटे अक्षर-स्ट्रोक के साथ आमतौर पर मजबूत जोर के लिए सबसे अच्छा विकल्प होता है, जबकि (अच्छी तरह से डिज़ाइन किए गए) इटैलिक्स हल्के जोर के लिए अच्छा काम करते हैं।

बोल्ड-इटैलिक कब उपयोग करें?

कभी-कभार आप किसी महत्वपूर्ण टेक्स्ट को अतिरिक्त जोर देने के लिए बोल्ड और इटैलिक को संयोजित करना चाह सकते हैं, और इसके लिए हमारे पास बोल्ड-इटैलिक है।

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

Alegreya has a beautiful italic

Alegreya has a beautiful bold

Alegreya has a beautiful bold-italic

मैं बोल्ड-इटैलिक का संयम से उपयोग करता हूं, वन-ऑफ टेक्स्ट एलिमेंट्स के लिए।

अपने टाइपफेस के विकल्पों का अन्वेषण करें

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

मैं हल्के जोर के लिए एकल शब्दों पर इटैलिक का उपयोग करता हूं। कभी-कभी, मैं एक पंक्ति में कई शब्दों पर बोल्ड का उपयोग करूंगा, उदा. यदि मैं एक वाक्य के भाग को दृढ़ता से हाइलाइट करना चाहता हूं। मैंने पाया है कि यह शैली इस विशेष टाइपफेस (Alegreya) के लिए अच्छा काम करती है — लेकिन यह आपके लिए नहीं हो सकती।

कभी भी बोल्ड और इटैलिक का परस्पर उपयोग न करें — एक कारण रखें, और उसी डॉक्यूमेंट के भीतर अपनी चुनी हुई शैली के साथ सुसंगत रहें। आप जो भी करें, याद रखें कि कम जोर हमेशा बेहतर होता है।

यदि आप सब कुछ पर जोर देते हैं, तो आप कुछ भी जोर नहीं देते।

  1. एज कंप्यूटिंग तैनाती: इष्टतम परिणामों के लिए कब अपनाएं एज कंप्यूटिंग तैनाती: इष्टतम परिणामों के लिए कब अपनाएं

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

  1. डबल VPN: यह कैसे काम करता है और कब इसका उपयोग करें डबल VPN: यह कैसे काम करता है और कब इसका उपयोग करें

    ऑनलाइन गोपनीयता और सुरक्षा से संबंधित बढ़ती समस्याओं का मुकाबला करने के लिए सुरक्षा समाधानों और बुनियादी ढांचे की अधिकता का निर्माण किया गया है, इसमें प्रमुख रूप से VPN और डबल VPN शामिल हैं हमने पहले ही सर्वश्रेष्ठ VPN समाधान और उनकी कार्यक्षमताओं पर विस्तार से चर्चा की है। (यदि आप सर्वश्रेष्ठ VPN

  1. Firefox क्यों आपकी रोजमर्रा की जरूरतों के लिए बेहतर ब्राउज़र विकल्प है Firefox क्यों आपकी रोजमर्रा की जरूरतों के लिए बेहतर ब्राउज़र विकल्प है

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