Apple odsłonięty rozszerzoną wersję swojej czcionki systemowej San Francisco na WWDC 2022. Następnie, w zeszłym miesiącu, Jim Nielsen skupił się na odmianach czcionki, wyjaśniając jak czcionka zapewnia spektrum wariacji w oparciu o szerokość i waga. To niesamowita lektura, jeśli jej nie sprawdziłeś.
Mając wszystkie te wspaniałe nowe opcje, możesz pokusić się o ich użycie w projektowaniu stron internetowych. Chris był gapienie się również na rozszerzone zestawy na swoim osobistym blogu i zastanawiał się:
Ale nie jest od roku jasne, w jaki sposób moglibyśmy wykorzystać skondensowane, skompresowane i rozszerzone odmiany CSS, ani czy jest w ogóle plan, aby to umożliwić. Przypuszczam, że w końcu możemy zajrzeć do Apple.com i zobaczyć, jak to robią, jeśli zaczną ich tam używać.
Czy to nie ma sensu konstruować jako czcionkę zmienną i wysyłać w ten sposób cały zestaw i kaboodle?
Okazuje się, tak. To ma sens. Chris kontynuuje nowy post:
Ale wczoraj przypadkowo natknąłem się na fakt, że wbudowana czcionka San Francisco (na urządzeniach Apple, które ją mają) jest już zmienna (!!). Widzisz, byłem skakać z Roboto Flexi miał
system-ui
jako czcionka zastępcza i zauważyłem, że podczas FOUT,font-variation-settings
Miałem wpływ na czcionkę zastępczą, która renderuje się jako San Francisco na moim Macu. Co… chyba że jestem głupi… oznacza, że San Francisco jest czcionką zmienną.
A więc jak go używać? Chris ma oczywiście demo:
Jest w tym kilka błędów, z których najważniejsze to awaryjne rozwiązania dla urządzeń innych niż Apple. W końcu to demo po prostu dzwoni system-ui
dla rodziny czcionek — nie mówi przeglądarce, aby pobrała plik czcionki lub cokolwiek, i kto wie, czy Apple kiedykolwiek wyśle plik czcionki zmiennej, który możemy wykorzystać jako rzeczywistą niestandardową czcionkę internetową.
Inna ciekawa rzecz? Chris zrobił trochę detektywa i naliczył 35 układów zawartych w tej czcionce systemowej. Iść przeczytaj resztę postu zobaczyć je wszystkie (i dostać starą, dobrą dawkę chrystusów — wiem, że za nimi tęsknię!).