फ़ॉन्ट-सुविधा-सेटिंग्स - सीएसएस-ट्रिक्स

Anonim

यह संपत्ति हमें उन्नत टाइपोग्राफिक सेटिंग्स जैसे कि छोटे कैप, लिगचर और स्वैग पर नियंत्रण देती है। उन्हें सक्रिय करने के लिए आपको यह घोषित करना होगा कि आपको उद्धरणों में किस मूल्य की आवश्यकता है और फिर 1या तो onसक्षम करने के लिए। वैकल्पिक रूप से, आप उन्हें 0या तो के साथ अक्षम कर सकते हैं off:

.element ( /* these two values do the same thing */ font-feature-settings: "liga" 1; font-feature-settings: "liga1" on; )

मानक लिगचर के अलावा कई अन्य मूल्य font-feature-settingsसंपत्ति द्वारा समर्थित हैं, जिनमें छोटे कैप शामिल हैं:

.element ( font-feature-settings: "smcp" 1; )

मूल्यों

यह हर उस मूल्य की एक सूची है जो समर्थित है font-feature-settings, लेकिन वेब फ़ॉन्ट की जाँच करना सुनिश्चित करें जो आप इन मूल्यों का समर्थन करने से पहले उपयोग कर रहे हैं:

  • liga: मानक स्नायुबंधन
  • dlig: विवेकाधीन ligatures
  • onum: पुरानी शैली के आंकड़े
  • lnum: अस्तर के आंकड़े
  • tnum: सारणीबद्ध आंकड़े
  • zero: शून्य गिरा
  • frac: अंश
  • sups: सुपरस्क्रिप्ट
  • subs: सबस्क्रिप्ट
  • smcp: छोटी टोपियाँ
  • c2sc: राजधानियों से छोटी राजधानियाँ
  • case: केस-संवेदी रूप
  • hlig: ऐतिहासिक बंधन
  • calt: प्रासंगिक विकल्प
  • swsh: स्वैग
  • hist: ऐतिहासिक रूप
  • ss**: शैलीगत सेट
  • kern: कर्निंग
  • locl: स्थानीय रूप
  • rlig: आवश्यक लिगचर
  • medi: औसत दर्जे का
  • init: प्रारंभिक रूप
  • isol: पृथक रूप
  • fina: अंतिम रूप
  • mark: निशान
  • mkmk मार्क-टू-मार्क स्थिति

कई सेटिंग्स का मेल

कई विशेषताओं को जोड़ने के लिए आपको कॉमा से अलग सूची में एक के बाद एक मूल्य का पालन करना होगा, जैसे:

.element ( font-feature-settings:"smcp" 1, "onum" 1; )

उपसर्गों

ब्राउज़र स्पेक्ट्रम में सर्वश्रेष्ठ समर्थन पाने के लिए, इन उपसर्गों का उपयोग करना सुनिश्चित करें:

.element ( -webkit-font-feature-settings: "smcp" 1; -moz-font-feature-settings: "smcp" 1; -ms-font-feature-settings: "smcp" 1; font-feature-settings: "smcp" 1; )

ब्राउज़र का समर्थन

यह ब्राउज़र सपोर्ट डेटा Caniuse का है, जिसमें अधिक विवरण हैं। एक संख्या इंगित करती है कि ब्राउज़र उस संस्करण और ऊपर की सुविधा का समर्थन करता है।

डेस्कटॉप

क्रोम फ़ायर्फ़ॉक्स अर्थात एज सफारी
21 * 15 * १० १२ 9.1

मोबाइल / टेबलेट

Android क्रोम Android फ़ायरफ़ॉक्स एंड्रॉयड iOS सफारी
88 .५ 4.4 * 9.3

अधिक जानकारी

  • टाइपोथेक: वेब ब्राउज़र में ओपन टाइप सुविधाएँ - टेस्ट
  • डब्ल्यू 3 सी
  • एमडीएन
  • रिचर्ड रटर का CSS3 सैंडबॉक्स