Tatsächlich wird die San Francisco-Schrift als variable Schriftart geliefert

Apple enthüllt eine erweiterte Version der Systemschriftart San Francisco auf der WWDC 2022. Dann, letzten Monat, konzentrierte sich Jim Nielsen auf die Variationen der Schriftart, Erläuterung wie die Schriftart ein Spektrum an Variationen bietet, basierend auf der Breite und Gewicht. Es ist eine bemerkenswerte Lektüre, wenn Sie es nicht überprüft haben.

Bei all diesen großartigen neuen Optionen könnten Sie versucht sein, sie in einem Webdesign zu verwenden. Chris war auch über die erweiterten Sets glotzen auf seinem persönlichen Blog und dachte nach:

Aber es ist noch nicht klar, wie wir die komprimierten, komprimierten und erweiterten Varianten in CSS nutzen könnten, oder ob es überhaupt einen Plan gibt, dies zuzulassen. Ich nehme an, wir können uns irgendwann auf Apple.com umsehen und sehen, wie sie es machen, wenn sie anfangen, sie dort zu verwenden.

Ist es nicht absolut sinnvoll, als variable Schriftart zu konstruieren und das gesamte Kit und Kaboodle auf diese Weise zu versenden?

Es stellt sich heraus, ja. Es macht durchaus Sinn. Chris folgt in a neuen Beitrag:

Aber erst gestern bin ich zufällig darüber gestolpert Die eingebaute Schriftart San Francisco (auf den Apple-Geräten, die sie eingebaut haben) ist bereits variabel (!!). Sehen Sie, ich war es herumfahren mit Roboto Flex, und hatte system-ui als Fallback-Schriftart, und ich habe das während des FOUT bemerkt, die font-variation-settings Ich habe einen Effekt auf die Fallback-Schriftart verwendet, die auf meinem Mac als San Francisco gerendert wird. Was … es sei denn, ich bin bescheuert … bedeutet, dass San Francisco eine variable Schriftart ist.

Also, wie für die Verwendung? Chris hat natürlich eine Demo:

All dies hat einige Fallstricke, von denen die wichtigsten Fallbacks für Nicht-Apple-Geräte sind. Schließlich ruft diese Demo einfach system-ui für die Schriftfamilie – es sagt dem Browser nicht, dass er eine Schriftdatei oder irgendetwas herunterladen soll, und wer weiß, ob Apple jemals eine variable Schriftdatei liefern wird, die wir als tatsächliche benutzerdefinierte Webschrift verwenden können.

Die andere interessante Sache? Chris hat ein bisschen nachgeforscht und 35 Layouts gezählt, die in dieser Systemschrift enthalten sind. gehen lesen Sie den Rest des Beitrags um sie alle zu sehen (und um eine gute alte Dosis Chris-ismen zu bekommen – ich weiß, dass ich sie vermisse!).

Direktlink →