Apple meluncurkan versi yang diperluas dari font sistem San Francisco di WWDC 2022. Kemudian, bulan lalu, Jim Nielsen memusatkan perhatian pada variasi font, menjelaskan bagaimana font menyediakan spektrum variasi berdasarkan lebar dan berat. Ini adalah bacaan yang luar biasa jika Anda belum memeriksanya.
Dengan semua opsi baru yang hebat ini, Anda mungkin tergoda untuk menggunakannya dalam desain web. Chris adalah melirik set yang diperluas juga di blog pribadinya dan merenungkan:
Tetapi tidak jelas tahun bagaimana kami dapat memanfaatkan varietas yang dipadatkan, dikompresi, dan diperluas di CSS, atau jika ada rencana untuk mengizinkannya. Saya kira kita dapat mengintip Apple.com pada akhirnya dan melihat bagaimana mereka melakukannya jika mereka mulai menggunakannya di sana.
Bukankah ini masuk akal untuk membangun sebagai font variabel dan mengirimkan seluruh kit dan kaboodle seperti itu?
Ternyata, ya. Itu masuk akal. Chris mengikuti di postingan baru:
Tapi baru kemarin saya secara acak menemukan fakta bahwa font San Francisco bawaan (pada perangkat Apple yang memilikinya bawaan) sudah bervariasi (!!). Lihat, aku adalah derping sekitar dengan Roboto Flex, dan memiliki
system-uisebagai font fallback, dan saya memperhatikan bahwa selama FOUT,font-variation-settingsSaya menggunakan memiliki efek pada font fallback, yang dirender sebagai San Francisco di Mac saya. Yang ... kecuali saya gila ... berarti San Francisco adalah font variabel.
Jadi, untuk menggunakannya? Chris memiliki demo, tentu saja:
Ada beberapa kendala untuk semua ini, yang paling signifikan adalah fallback untuk perangkat non-Apple. Lagipula, demo itu hanya memanggil system-ui untuk keluarga font — itu tidak memberi tahu browser untuk mengunduh file font atau apa pun dan siapa yang tahu jika Apple akan mengirimkan file font variabel yang dapat kami sajikan sebagai font web kustom yang sebenarnya.
Hal menarik lainnya? Chris melakukan beberapa pencarian dan menghitung 35 tata letak yang disertakan dalam font sistem itu. Pergi baca postingan selanjutnya untuk melihat mereka semua (dan untuk mendapatkan dosis Kris-isme yang baik — saya tahu saya merindukan mereka!).
