सीएसएस ट्यूटोरियल

सीएसएस होम सीएसएस परिचय सीएसएस सिंटेक्स सीएसएस चयनकर्ता सीएसएस कैसे करें सीएसएस टिप्पणियाँ सीएसएस रंग सीएसएस पृष्ठभूमि सीएसएस बॉर्डर्स सीएसएस मार्जिन सीएसएस पैडिंग सीएसएस ऊंचाई/चौड़ाई सीएसएस बॉक्स मॉडल सीएसएस रूपरेखा सीएसएस पाठ सीएसएस फ़ॉन्ट्स सीएसएस प्रतीक सीएसएस लिंक सीएसएस सूचियां सीएसएस टेबल्स सीएसएस प्रदर्शन सीएसएस अधिकतम-चौड़ाई सीएसएस स्थिति सीएसएस जेड-इंडेक्स सीएसएस अतिप्रवाह सीएसएस फ्लोट सीएसएस इनलाइन-ब्लॉक सीएसएस संरेखित करें सीएसएस संयोजक सीएसएस छद्म वर्ग सीएसएस छद्म तत्व सीएसएस अस्पष्टता सीएसएस नेविगेशन बार सीएसएस ड्रॉपडाउन सीएसएस छवि गैलरी सीएसएस छवि स्प्राइट्स सीएसएस एटीआर चयनकर्ता सीएसएस फॉर्म सीएसएस काउंटर सीएसएस वेबसाइट लेआउट सीएसएस इकाइयां सीएसएस विशिष्टता सीएसएस !महत्वपूर्ण सीएसएस गणित कार्य

सीएसएस उन्नत

सीएसएस गोल कोनों सीएसएस सीमा छवियां सीएसएस पृष्ठभूमि सीएसएस रंग सीएसएस रंग कीवर्ड सीएसएस ग्रेडिएंट सीएसएस छाया सीएसएस पाठ प्रभाव सीएसएस वेब फ़ॉन्ट्स CSS 2D ट्रांसफ़ॉर्म CSS 3D ट्रांसफ़ॉर्म सीएसएस संक्रमण सीएसएस एनिमेशन सीएसएस टूलटिप्स सीएसएस शैली छवियां सीएसएस छवि प्रतिबिंब CSS ऑब्जेक्ट-फिट सीएसएस वस्तु-स्थिति सीएसएस मास्किंग सीएसएस बटन सीएसएस पेजिनेशन सीएसएस एकाधिक कॉलम सीएसएस यूजर इंटरफेस सीएसएस चर सीएसएस बॉक्स साइजिंग सीएसएस मीडिया प्रश्न सीएसएस एमक्यू उदाहरण सीएसएस फ्लेक्सबॉक्स

सीएसएस उत्तरदायी

आरडब्ल्यूडी परिचय आरडब्ल्यूडी व्यूपोर्ट आरडब्ल्यूडी ग्रिड व्यू आरडब्ल्यूडी मीडिया प्रश्न आरडब्ल्यूडी छवियां आरडब्ल्यूडी वीडियो आरडब्ल्यूडी फ्रेमवर्क आरडब्ल्यूडी टेम्पलेट्स

सीएसएस ग्रिड

ग्रिड परिचय ग्रिड कंटेनर ग्रिड आइटम

सीएसएस एसएएसएस

एसएएसएस ट्यूटोरियल

सीएसएस उदाहरण

सीएसएस टेम्पलेट्स सीएसएस उदाहरण सीएसएस प्रश्नोत्तरी सीएसएस अभ्यास सीएसएस प्रमाणपत्र

सीएसएस संदर्भ

सीएसएस संदर्भ सीएसएस चयनकर्ता सीएसएस कार्य सीएसएस संदर्भ कर्ण सीएसएस वेब सुरक्षित फ़ॉन्ट्स सीएसएस एनिमेटेबल सीएसएस इकाइयां सीएसएस पीएक्स-ईएम कनवर्टर सीएसएस रंग सीएसएस रंग मान सीएसएस डिफ़ॉल्ट मान सीएसएस ब्राउज़र समर्थन

सीएसएस वेब सुरक्षित फ़ॉन्ट्स


वेब सुरक्षित फ़ॉन्ट्स क्या हैं?

वेब सुरक्षित फ़ॉन्ट वे फ़ॉन्ट होते हैं जो सभी ब्राउज़रों और उपकरणों में सार्वभौमिक रूप से स्थापित होते हैं।


फ़ॉलबैक फ़ॉन्ट्स

हालाँकि, 100% पूरी तरह से वेब सुरक्षित फ़ॉन्ट नहीं हैं। हमेशा एक मौका है कि कोई फ़ॉन्ट नहीं मिला है या ठीक से स्थापित नहीं है।

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

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

उदाहरण

यहाँ, तीन फ़ॉन्ट प्रकार हैं: तहोमा, वर्दाना, और सेन्स-सेरिफ़। दूसरा और तीसरा फॉन्ट बैकअप है, यदि पहला नहीं मिलता है।

p {
font-family: Tahoma, Verdana, sans-serif;
}

HTML और CSS के लिए सर्वश्रेष्ठ वेब सुरक्षित फ़ॉन्ट्स

निम्नलिखित सूची HTML और CSS के लिए सर्वश्रेष्ठ वेब सुरक्षित फ़ॉन्ट हैं:

  • एरियल (बिना सेरिफ़)
  • वर्दाना (बिना सेरिफ़)
  • हेल्वेटिका (बिना सेरिफ़)
  • ताहोमा (बिना सेरिफ़)
  • ट्रेबुचेट एमएस (बिना-सेरिफ़)
  • टाइम्स न्यू रोमन (सेरिफ़)
  • जॉर्जिया (सेरिफ़)
  • गरमागरम (सेरिफ़)
  • कूरियर न्यू (मोनोस्पेस)
  • ब्रश स्क्रिप्ट एमटी (कर्सिव)

नोट: अपनी वेबसाइट प्रकाशित करने से पहले, हमेशा जांचें कि आपके फ़ॉन्ट विभिन्न ब्राउज़रों और उपकरणों पर कैसे दिखाई देते हैं, और हमेशा फ़ॉलबैक फ़ॉन्ट का उपयोग करें!



एरियल (बिना सेरिफ़)

एरियल ऑनलाइन और मुद्रित मीडिया दोनों के लिए सबसे व्यापक रूप से उपयोग किया जाने वाला फ़ॉन्ट है। Google डॉक्स में एरियल भी डिफ़ॉल्ट फ़ॉन्ट है।

एरियल सबसे सुरक्षित वेब फोंट में से एक है, और यह सभी प्रमुख ऑपरेटिंग सिस्टम पर उपलब्ध है।

उदाहरण

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


वर्दाना (बिना सेरिफ़)

वर्दाना एक बहुत ही लोकप्रिय फॉन्ट है। वर्दाना छोटे फ़ॉन्ट आकारों के लिए भी आसानी से पठनीय है।

उदाहरण

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


हेल्वेटिका (बिना सेरिफ़)

हेल्वेटिका फ़ॉन्ट डिजाइनरों द्वारा पसंद किया जाता है। यह कई प्रकार के व्यवसाय के लिए उपयुक्त है।

उदाहरण

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


ताहोमा (बिना सेरिफ़)

ताहोमा फॉन्ट में पात्रों के बीच कम जगह होती है।

उदाहरण

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


ट्रेबुचेट एमएस (बिना-सेरिफ़)

ट्रेबुचेट एमएस को माइक्रोसॉफ्ट ने 1996 में डिजाइन किया था। इस फॉन्ट का इस्तेमाल सावधानी से करें। सभी मोबाइल ऑपरेटिंग सिस्टम द्वारा समर्थित नहीं है।

उदाहरण

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


टाइम्स न्यू रोमन (सेरिफ़)

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

उदाहरण

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


जॉर्जिया (सेरिफ़)

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

उदाहरण

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


गरमागरम (सेरिफ़)

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

उदाहरण

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


कूरियर न्यू (मोनोस्पेस)

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

उदाहरण

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


ब्रश स्क्रिप्ट एमटी (कर्सिव)

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

उदाहरण

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9

युक्ति: सभी उपलब्ध Google फ़ॉन्ट्स और उनका उपयोग करने का तरीका भी देखें।