Tatsächlich, die San Francisco Schriftart wird als variable Schriftart ausgeliefert

Avatar of Geoff Graham
Geoff Graham am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Apple stellte auf der WWDC 2022 eine erweiterte Version seiner Systemschriftart San Francisco vor. Dann, letzten Monat, befasste sich Jim Nielsen mit den Variationen der Schriftart und erklärte, wie die Schriftart ein Spektrum von Variationen basierend auf der Breite und Stärke bietet. Das ist eine bemerkenswerte Lektüre, wenn Sie sie noch nicht gelesen haben.

Bei all diesen großartigen neuen Optionen könnten Sie versucht sein, sie in einem Webdesign zu verwenden. Chris hat ebenfalls über die erweiterten Sets gestaunt auf seinem persönlichen Blog und sich gefragt:

Aber es ist noch nicht klar, wie wir die kondensierten, komprimierten und erweiterten Varianten in CSS nutzen können, oder ob es überhaupt einen Plan gibt, dies zu ermöglichen. Ich schätze, wir können uns irgendwann Apple.com ansehen und sehen, wie sie es machen, wenn sie anfangen, sie dort zu verwenden.

Ist es nicht perfekt sinnvoll, dies als variable Schriftart zu konstruieren und das gesamte Paket auf diese Weise auszuliefern?

Es stellt sich heraus, ja. Das macht absolut Sinn. Chris setzt in einem neuen Beitrag fort.

Aber erst gestern bin ich zufällig darauf gestoßen, dass die integrierte San Francisco Schriftart (auf den Apple-Geräten, auf denen sie integriert ist) bereits variabel ist (!!). Sehen Sie, ich habe mit Roboto Flex herumgespielt und hatte system-ui als Fallback-Schriftart, und ich bemerkte, dass während des FOUT die font-variation-settings, die ich verwendete, einen Effekt auf die Fallback-Schriftart hatten, die auf meinem Mac als San Francisco gerendert wird. Was... es sei denn, ich bin dämlich... bedeutet, dass San Francisco eine variable Schriftart ist.

Wie sieht es also mit der Verwendung aus? Chris hat natürlich eine Demo

Es gibt einige Haken bei all dem, wobei die wichtigsten Fallbacks für Nicht-Apple-Geräte sind. Schließlich ruft diese Demo einfach system-ui für die Schriftfamilie auf — sie weist den Browser nicht an, eine Schriftdatei herunterzuladen oder etwas anderes, und wer weiß, ob Apple jemals eine variable Schriftdatei herausbringen wird, die wir als tatsächliche benutzerdefinierte Web-Schriftart anbieten können.

Das andere Interessante? Chris hat ein wenig recherchiert und 35 Layout-Funktionen gezählt, die in dieser Systemschriftart enthalten sind. Lesen Sie den Rest des Beitrags, um sie alle zu sehen (und um eine gute alte Dosis Chris-isms zu bekommen — ich vermisse sie!).

Direkter Link →