मेरे पास एक HTML पृष्ठ है जिसमें कुछ टेक्स्ट और स्वरूपण शामिल है। मैं इसे टेक्स्ट के सभी आंतरिक स्वरूपण को अनदेखा कर एक ही फ़ॉन्ट-फ़ैमिली और एक ही टेक्स्ट-आकार बनाना चाहता हूं।संपूर्ण HTML दस्तावेज़ में वैश्विक फ़ॉन्ट कैसे लागू करें
मैं HTML पृष्ठ के लिए एक वैश्विक फ़ॉन्ट प्रारूप सेट करना चाहता हूं।
मैं इसे कैसे प्राप्त कर सकता हूं?
आप तारांकन और सीएसएस के भीतर !important तत्वों का उपयोग करने में सक्षम होना चाहिए।
html *
{
font-size: 1em !important;
color: #000 !important;
font-family: Arial !important;
}
तारांकन सबसे मेल खाता है (आप शायद html भी बिना दूर मिल सकता है)।
!important सुनिश्चित करता है कि कुछ भी इस शैली में सेट किए गए कुछ भी ओवरराइड कर सकते हैं (जब तक यह भी महत्वपूर्ण नहीं है)। (यह आपकी आवश्यकता के साथ मदद करने के लिए है कि इसे "पाठ के आंतरिक स्वरूपण को अनदेखा करना चाहिए" - जिसका अर्थ है कि अन्य शैलियों इन्हें ओवरराइट नहीं कर सका)
ब्रेसिज़ के भीतर की बाकी शैली किसी भी अन्य स्टाइल की तरह है और आप जो कुछ भी करना चाहते हैं वह कर सकते हैं। मैंने फ़ॉन्ट आकार, रंग और परिवार को एक उदाहरण के रूप में बदलना चुना।
निम्नलिखित सीएसएस का उपयोग करें:
* {
font: Verdana, Arial, 'sans-serif' !important;/* <-- fonts */
}
* -selector मतलब है किसी भी/सभी तत्वों, लेकिन स्पष्ट रूप से खाद्य श्रृंखला के तल पर होगा जब इसे और अधिक विशिष्ट चयनकर्ताओं अधिभावी की बात आती है।
ध्यान दें कि !important -flag font शैली प्रदान करेगा * पूर्ण होने के लिए, अन्य चयनकर्ताओं पाठ सेट करने के लिए इस्तेमाल किया गया है, भले ही (उदाहरण के लिए, body या शायद एक p)।
शायद '! महत्वपूर्ण' अन्य चयनकर्ताओं को सेटिंग्स को ओवरराइड करने से रोक देगा। – Quasdunk
खैर, हाँ, 'महत्वपूर्ण' अन्य चयनकर्ताओं को ओवरराइडिंग से रोक देगा, जब तक कि वे इसका उपयोग भी न करें। हे। मैं अपनी पोस्ट संपादित करूँगा और इसे जोड़ूंगा - धन्यवाद। :-) – ninetwozero
हाँ, यह सही है। बिल्कुल यकीन नहीं है, लेकिन मुझे लगता है कि प्राथमिकता भी इस बात पर निर्भर करती है कि आप कहां घोषणा करते हैं। यदि आप इसे बहुत नीचे रखते हैं, तो मैं उपरोक्त अधिक विशिष्ट चयनकर्ताओं से 'महत्वपूर्ण' को ओवरराइड कर सकता हूं।लेकिन मुझे लगता है कि यह काफी बिंदु नहीं है :) – Quasdunk
इसे अपने सीएसएस के बॉडी चयनकर्ता में सेट करें। जैसे
body {
font: 16px Arial, sans-serif;
}
इसे अधिक विशिष्ट चयनकर्ताओं के साथ ओवरराइड किया जा सकता है। – StuperUser
यह सभी तत्वों पर लागू नहीं होगा, उदाहरण के लिए: इनपुट प्रकार = 'बटन' – RRTW
इस प्रयास करें:
body
{
font-family:your font;
font-size:your value;
font-weight:your value;
}
हाय एंग्लिमास, मैंने आपके कोड को स्वरूपित किया है, यदि आप 4 रिक्त स्थान या '{}' बटन का उपयोग करते हैं तो आप अपने उत्तरों में इस तरह से उदाहरण कोड प्रदर्शित कर सकते हैं। – StuperUser
सर्वश्रेष्ठ अभ्यास मुझे लगता है कि शरीर के लिए फ़ॉन्ट स्थापित करने के लिए है:
body {
font: normal 10px Verdana, Arial, sans-serif;
}
और आप कुछ तत्व यह आसानी से overwrited किया जा सकता है के लिए इसे बदलने के लिए तय है:
h2, h3 {
font-size: 14px;
}
यदि आप नींव सीएसएस जैसे ढांचे का उपयोग कर रहे हैं तो यह बिना जोड़ किए काम करता है! महत्वपूर्ण। –
आपको कभी भी * + !important का उपयोग नहीं करना चाहिए। क्या होगा यदि आप अपने HTML दस्तावेज़ के कुछ हिस्सों में फ़ॉन्ट बदलना चाहते हैं? आपको हमेशा बिना किसी महत्वपूर्ण शरीर का उपयोग करना चाहिए। !important का उपयोग केवल तभी करें जब कोई अन्य विकल्प न हो।
Soooo क्या आपके पास इसका उपयोग किए बिना वैश्विक फ़ॉन्ट बनाने का एक उदाहरण है! महत्वपूर्ण या *? – MasterProgrammer200
+1 'महत्वपूर्ण' उपयोगी है, लेकिन अगर यह अधिक उपयोग हो जाता है तो यह थोड़ा "राक्षस बन सकता है" प्राप्त कर सकता है। – StuperUser
सहमत हुए। बहुत कम उपयोग करें। हर बार इसका उपयोग किया जाता है, यह कुछ मूल्य खो देता है ... – Amadiere
+1 'महत्वपूर्ण' का एक बड़ा उपयोग प्रदान करने के लिए। यह हमेशा अंतिम विकल्प के रूप में इस्तेमाल किया जाना चाहिए। – dShringi