Apple अनावरण किया WWDC 2022 में अपने सैन फ्रांसिस्को सिस्टम फ़ॉन्ट का एक विस्तारित संस्करण। फिर, पिछले महीने, जिम नीलसन ने फ़ॉन्ट की विविधताओं पर ध्यान दिया, समझा कैसे फ़ॉन्ट के आधार पर विविधताओं का एक स्पेक्ट्रम प्रदान करता है चौडाई और भार. यदि आपने इसकी जाँच नहीं की है तो यह एक उल्लेखनीय पठन है।
इन सभी बेहतरीन नए विकल्पों के साथ, आप उन्हें वेब डिज़ाइन में उपयोग करने के लिए ललचा सकते हैं। क्रिस था विस्तारित सेटों पर भी ओगलिंग अपने निजी ब्लॉग पर और विचार किया:
लेकिन यह स्पष्ट नहीं है कि हम सीएसएस में संघनित, संपीड़ित और विस्तारित किस्मों में कैसे टैप कर सकते हैं, या यदि इसकी अनुमति देने की कोई योजना भी है। मुझे लगता है कि हम अंततः Apple.com के चारों ओर देख सकते हैं और देख सकते हैं कि अगर वे वहां उनका उपयोग करना शुरू करते हैं तो वे इसे कैसे करते हैं।
क्या यह एक परिवर्तनीय फ़ॉन्ट के रूप में निर्माण करने और पूरी किट और कबूडल को इस तरह से भेजने के लिए सही समझ में नहीं आता है?
पता चला, हाँ। यह बिल्कुल सही समझ में आता है। क्रिस एक में पीछा करता है नई पोस्ट:
लेकिन कल ही मैं अचानक इस तथ्य से रूबरू हो गया कि बिल्ट-इन सैन फ़्रांसिस्को फॉन्ट (ऐप्पल डिवाइस पर जो इसे बिल्ट-इन है) पहले से ही परिवर्तनशील (!!) है। देखिए, मैं था रोबोटो फ्लेक्स के साथ इधर-उधर भटकना, और था
system-uiफ़ॉलबैक फ़ॉन्ट के रूप में, और मैं देख रहा था कि FOUT के दौरान,font-variation-settingsमैं फ़ॉलबैक फ़ॉन्ट का उपयोग कर रहा था, जो मेरे मैक पर सैन फ्रांसिस्को के रूप में प्रस्तुत करता है। जो... जब तक मैं कुशल नहीं हूँ... का अर्थ है कि सैन फ़्रांसिस्को एक परिवर्तनशील फ़ॉन्ट है।
तो, इसका उपयोग करने के लिए? क्रिस के पास निश्चित रूप से एक डेमो है:
इस सब के लिए कुछ गठजोड़ हैं, गैर-ऐप्पल उपकरणों के लिए सबसे महत्वपूर्ण कमियां हैं। आखिरकार, वह डेमो बस कॉल कर रहा है system-ui फ़ॉन्ट परिवार के लिए - यह ब्राउज़र को फ़ॉन्ट फ़ाइल या कुछ भी डाउनलोड करने के लिए नहीं कह रहा है और कौन जानता है कि क्या Apple कभी एक चर फ़ॉन्ट फ़ाइल शिप करने वाला है जिसे हम एक वास्तविक कस्टम वेब फ़ॉन्ट के रूप में सेवा दे सकते हैं।
दूसरी दिलचस्प बात? क्रिस ने कुछ खोजी काम किया और उस सिस्टम फॉन्ट में शामिल 35 लेआउट की गिनती की। जाओ बाकी पोस्ट पढ़ें उन्हें देखने के लिए (और क्रिस-इस्म्स की एक अच्छी ओल खुराक पाने के लिए - मुझे पता है कि मैं उन्हें याद करता हूं!)।
