Microsoft ने ओपन टाइप प्रारूप के लिए उन्नत टाइपोग्राफी का एक डेमो पृष्ठ प्रकाशित किया है। ये वैकल्पिक ग्लिफ़, लिगर्स, कर्निंग, फ्रैक्शंस, छोटे अपरकेस और माइनसक्यूल अंक हैं । यदि आप माउस के साथ पाठ पर होवर करते हैं तो प्रभाव दिखाई देते हैं। डेमो केवल OpenType समर्थन वाले ब्राउज़र में अच्छी तरह से काम करता है, Microsoft खुद IE10 + और Firefox 8+ की सिफारिश करता है। अन्य ब्राउज़रों में, सभी प्रभाव दिखाई नहीं दे सकते हैं, यह अभी भी ऑपरेटिंग सिस्टम पर निर्भर करता है।


^{वैकल्पिक ग्लिफ़ और छोटे कैप}

Microsoft से सहमत हो सकता है - ओपन टाइप वास्तव में टाइपोग्राफी के करीब वेब पर टाइपोग्राफी को एक नए स्तर पर ले जाता है। इस प्रारूप की क्षमताएं स्पष्ट रूप से @ फ़ॉन्ट-फेस से बेहतर हैं।

प्रत्येक कोड के लिए एक कोड स्निपेट प्रदान किया गया है, जैसा कि ओपन टाइप में लागू किया गया है।

छोटी टोपी

बड़े अक्षरों में लिखा गया पाठ तुरंत ध्यान आकर्षित करता है, लेकिन यह सादे पाठ से बहुत खराब लगता है। इस मामले में, आप छोटे कैप का उपयोग कर सकते हैं।



कोड

/* use small-caps */ .smallcaps { -moz-font-feature-settings: "smcp=1"; -ms-font-feature-settings: "smcp" 1; } /* both upper and lowercase to small caps */ .allsmallcaps { -moz-font-feature-settings: "c2sc=1, smcp=1"; -ms-font-feature-settings: "c2sc" 1,"smcp" 1; } 

संयुक्ताक्षर

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



कोड

 /* use ligatures automatically */ .ligatures { text-rendering: optimizeLegibility; -moz-font-feature-settings: "liga=1"; -ms-font-feature-settings: "liga" 1; } 

आंकड़े

साधारण मेयस्कुलनी संख्याएं सारणीबद्ध टाइपसेटिंग के लिए बेहतर अनुकूल हैं, लेकिन पाठ में आप सौंदर्य प्रयोजनों के लिए माइनसकुलस का उपयोग कर सकते हैं।



कोड

 /* enable proportional figures and ordinals */ .figures { -moz-font-feature-settings: "pnum=1,onum=1"; -ms-font-feature-settings: "pnum" 1,"onum" 1; } 

कर्निंग

चुनिंदा रूप से अक्षरों के बीच अंतर को उनके आकार के आधार पर बदलने से एक अधिक पठनीय, संतुलित पाठ बनता है।

कोड

 /* enable kerning data */ .kerning { text-rendering: optimizeLegibility; -moz-font-feature-settings: "kern=1"; -ms-font-feature-settings: "kern" 1; } 

अंशों

यदि आप इस विकल्प को कोड में सक्षम करते हैं, तो "2/3" प्रकार के सभी संयोजन स्वचालित रूप से सही अंश में बदल जाएंगे।



कोड

 /* enable OpenType fractions */ .fractions { -moz-font-feature-settings: "frac=1"; -ms-font-feature-settings: "frac" 1; } 

वैकल्पिक ग्लिफ़्स

अतिरिक्त ग्लिफ़ का उपयोग पाठ में कुछ स्थितियों में दृश्य प्रभाव के लिए किया जा सकता है।



कोड

 /* enable style set five */ .alternates { -moz-font-feature-settings: "ss05=1"; -ms-font-feature-settings: "ss05" 1; } /* enable contextual and stylistic swashes */ .swashes { -moz-font-feature-settings: "swsh=1,cswh=1"; -ms-font-feature-settings: "swsh" 1,"cswh" 1; } 

Microsoft OpenType को एक क्रांतिकारी प्रारूप मानता है और सभी ब्राउज़रों द्वारा इसके व्यापक समर्थन की अपेक्षा करता है। यह जोड़ा जाना चाहिए कि OpenType, Microsoft और Adobe द्वारा विकसित एक प्रारूप, TrueType प्रारूप का एक उन्नत संस्करण है, और TrueType के लिए पेटेंट की वैधता अवधि हाल ही में समाप्त हो गई है ।