Eigenlijk wordt het San Francisco-lettertype verzonden als een variabel lettertype

Apple onthuld een uitgebreide versie van het San Francisco-systeemlettertype op WWDC 2022. Toen, vorige maand, ging Jim Nielsen in op de variaties van het lettertype, uitleggen hoe het lettertype een spectrum aan variaties biedt op basis van de Breedte en gewicht. Het is opmerkelijk om te lezen als je het niet hebt gecontroleerd.

Met al deze geweldige nieuwe opties, zou je in de verleiding kunnen komen om ze te gebruiken in een webdesign. Chris was lonkend over de uitgebreide sets ook op zijn persoonlijke blog en dacht na:

Maar het is niet het jaar duidelijk hoe we gebruik kunnen maken van de gecondenseerde, gecomprimeerde en uitgebreide varianten in CSS, of dat er zelfs een plan is om dat toe te staan. Ik veronderstel dat we uiteindelijk op Apple.com kunnen rondkijken en zien hoe ze het doen als ze ze daar gaan gebruiken.

Is dit niet volkomen logisch om als een variabel lettertype te construeren en de hele kit en kaboodle op die manier te verzenden?

Blijkt, ja. Het is volkomen logisch. Chris volgt in a nieuw bericht:

Maar gisteren kwam ik toevallig het feit tegen dat het ingebouwde San Francisco-lettertype (op de Apple-apparaten die het hebben ingebouwd) is al variabel (!!). Kijk, ik was rondhangen met Roboto Flex, en had system-ui als het fallback-lettertype, en ik merkte dat tijdens de FOUT de font-variation-settings Ik gebruikte had een effect op het fallback-lettertype, dat wordt weergegeven als San Francisco op mijn Mac. Wat... tenzij ik gek ben... betekent dat San Francisco een variabel lettertype is.

Dus, wat betreft het gebruik ervan? Chris heeft natuurlijk een demo:

Er zijn een aantal problemen met dit alles, waarvan de belangrijkste fallbacks zijn voor niet-Apple-apparaten. Die demo roept tenslotte gewoon op system-ui voor de lettertypefamilie - het vertelt de browser niet dat hij een lettertypebestand of iets dergelijks moet downloaden en wie weet of Apple ooit een variabel lettertypebestand zal leveren, kunnen we dienen als een echt aangepast weblettertype.

Het andere interessante? Chris deed wat speurwerk en telde 35 lay-outs die in dat systeemlettertype waren opgenomen. Gaan lees de rest van het bericht om ze allemaal te zien (en om een ​​flinke dosis Chris-ismen te krijgen - ik weet dat ik ze mis!).

Directe link →