আপেল অপাবৃত WWDC 2022-এ এর সান ফ্রান্সিসকো সিস্টেম ফন্টের একটি প্রসারিত সংস্করণ। তারপরে, গত মাসে, জিম নিলসেন ফন্টের বৈচিত্রগুলিকে শূন্য করেন, ব্যাখ্যা কিভাবে ফন্ট এর উপর ভিত্তি করে বৈচিত্র্যের একটি বর্ণালী প্রদান করে প্রস্থ এবং ওজন. আপনি এটি চেক না করে থাকলে এটি একটি অসাধারণ পঠন।
এই সমস্ত দুর্দান্ত নতুন বিকল্পগুলির সাথে, আপনি একটি ওয়েব ডিজাইনে সেগুলি ব্যবহার করতে প্রলুব্ধ হতে পারেন৷ ক্রিস ছিল পাশাপাশি প্রসারিত সেট উপর ogling তার ব্যক্তিগত ব্লগে এবং চিন্তা করেছেন:
কিন্তু এটা পরিষ্কার নয় যে কিভাবে আমরা CSS-এ কনডেন্সড, কম্প্রেসড, এবং এক্সপেন্ডেড জাতগুলিকে ট্যাপ করতে পারি, বা এটির অনুমতি দেওয়ার পরিকল্পনাও আছে কিনা। আমি মনে করি আমরা অবশেষে Apple.com এর চারপাশে উঁকি দিতে পারি এবং দেখতে পারি যে তারা সেখানে তাদের ব্যবহার শুরু করলে তারা কীভাবে এটি করে।
এটি একটি পরিবর্তনশীল ফন্ট হিসাবে তৈরি করা এবং পুরো কিট এবং কাবুডলটি সেভাবে পাঠানোর জন্য নিখুঁত অর্থ তৈরি করে না?
দেখা যাচ্ছে, হ্যাঁ। এটা নিখুঁত অর্থে না. ক্রিস একটি অনুসরণ করে নতুন পোস্ট:
কিন্তু গতকাল আমি এলোমেলোভাবে সত্য যে জুড়ে হোঁচট খেয়েছি অন্তর্নির্মিত সান ফ্রান্সিসকো ফন্ট (যে অ্যাপল ডিভাইসগুলিতে এটি অন্তর্নির্মিত রয়েছে) ইতিমধ্যে পরিবর্তনশীল (!!) দেখুন, আমি ছিলাম রোবোটো ফ্লেক্স নিয়ে ঘুরে বেড়াচ্ছে, এবং ছিল
system-ui
ফলব্যাক ফন্ট হিসাবে, এবং আমি লক্ষ্য করছিলাম যে FOUT এর সময়,font-variation-settings
আমি ব্যবহার করছিলাম ফলব্যাক ফন্টের উপর প্রভাব পড়ে, যা আমার ম্যাকে সান ফ্রান্সিসকো হিসাবে রেন্ডার করে। যা… যদি না আমি নমনীয় না হই… মানে সান ফ্রান্সিসকো একটি পরিবর্তনশীল ফন্ট।
সুতরাং, এটি ব্যবহার করার জন্য? ক্রিসের একটি ডেমো আছে, অবশ্যই:
এই সব কিছুর কিছু গোছা আছে, সবচেয়ে উল্লেখযোগ্য হল নন-অ্যাপল ডিভাইসের জন্য ফলব্যাক। সব পরে, যে ডেমো সহজভাবে কল করা হয় system-ui
ফন্ট পরিবারের জন্য - এটি ব্রাউজারকে একটি ফন্ট ফাইল বা কিছু ডাউনলোড করতে বলছে না এবং কে জানে যে অ্যাপল কখনও একটি পরিবর্তনশীল ফন্ট ফাইল পাঠাবে কিনা আমরা একটি প্রকৃত কাস্টম ওয়েব ফন্ট হিসাবে পরিবেশন করতে পারি।
অন্য মজার জিনিস? ক্রিস কিছু স্লেউথিং করেছেন এবং সেই সিস্টেম ফন্টে অন্তর্ভুক্ত 35টি লেআউট গণনা করেছেন। যাওয়া পোস্ট বাকি পড়ুন তাদের সকলকে দেখতে (এবং ক্রিস-ইসমসের একটি ভাল ওল ডোজ পেতে - আমি জানি আমি তাদের মিস করি!)