تفاح كشف النقاب نسخة موسعة من خط نظام سان فرانسيسكو في WWDC 2022. ثم ، في الشهر الماضي ، ركز Jim Nielsen على تنوعات الخط ، شرح كيف يوفر الخط مجموعة متنوعة من الاختلافات بناءً على تنسيق عرض و وزن. إنها قراءة رائعة إذا لم تكن قد قمت بفحصها.
مع كل هذه الخيارات الجديدة الرائعة ، قد تميل إلى استخدامها في تصميم الويب. كان كريس ogling فوق المجموعات الموسعة أيضًا على مدونته الشخصية وتساءل:
لكن لم يتضح بعد عام كيف يمكننا الاستفادة من الأنواع المكثفة والمضغوطة والموسعة في CSS ، أو ما إذا كانت هناك خطة للسماح بذلك. أفترض أنه يمكننا إلقاء نظرة خاطفة على Apple.com في النهاية ومعرفة كيف يقومون بذلك إذا بدأوا في استخدامها هناك.
أليس هذا منطقيًا تمامًا لإنشاء خط متغير وشحن المجموعة الكاملة وكابودل بهذه الطريقة؟
تبين ، نعم. إنه منطقي تمامًا. يتابع كريس في أ منشور جديد:
لكن بالأمس فقط عثرت بشكل عشوائي على حقيقة ذلك خط San Francisco المدمج (على أجهزة Apple المضمنة فيه) متغير بالفعل (!!). انظر ، كنت ديربنج حولها مع روبوتو فليكس، وكان
system-uiكخط احتياطي ، وقد لاحظت أنه خلال FOUT ، تم إنشاء ملفfont-variation-settingsكنت أستخدمه كان له تأثير على الخط الاحتياطي ، والذي يظهر مثل سان فرانسيسكو على جهاز Mac الخاص بي. الذي… ما لم أكن سخيفا… يعني أن سان فرانسيسكو خط متغير.
لذا ، بالنسبة لاستخدامه؟ لدى كريس عرض توضيحي ، بالطبع:
هناك بعض المشكلات التي تواجه كل هذا ، وأهمها ما هو احتياطي للأجهزة غير التابعة لـ Apple. بعد كل شيء ، هذا العرض هو مجرد دعوة system-ui لعائلة الخطوط - لا يخبر المتصفح بتنزيل ملف خط أو أي شيء ومن يدري ما إذا كانت Apple ستشحن ملف خط متغيرًا يمكننا تقديمه كخط ويب مخصص فعليًا.
الشيء الآخر المثير للاهتمام؟ قام كريس ببعض التجسس وأحصى 35 تخطيطًا مميزًا مدرجًا في خط النظام هذا. يذهب اقرا باقي المنشور لرؤيتهم جميعًا (وللحصول على جرعة جيدة من Chris-isms - أعلم أنني أفتقدهم!).
