Faktum är att typsnittet i San Francisco skickas som ett variabelt teckensnitt

Apple avtäckt en utökad version av dess San Francisco-systemteckensnitt på WWDC 2022. Sedan, förra månaden, tog Jim Nielsen inställning till typsnittets varianter, förklara hur typsnittet ger ett spektrum av variationer baserat på bredd och vikt. Det är en anmärkningsvärd läsning om du inte har kollat ​​den.

Med alla dessa fantastiska nya alternativ kan du bli frestad att använda dem i en webbdesign. Chris var tittar också över de utökade uppsättningarna på hans personliga blogg och funderade:

Men det är inte år klart hur vi kan utnyttja de kondenserade, komprimerade och utökade varianterna i CSS, eller om det ens finns en plan för att tillåta det. Jag antar att vi kan kika runt på Apple.com så småningom och se hur de gör det om de börjar använda dem där.

Är det inte helt logiskt att konstruera som ett variabelt typsnitt och skicka hela kitet och kaboodlen på det sättet?

Det visar sig, ja. Det är helt vettigt. Chris följer upp i en nytt brev:

Men igår snubblade jag slumpmässigt över det faktum det inbyggda teckensnittet i San Francisco (på de Apple-enheter som har det inbyggt) är redan variabelt (!!). Se, det var jag trampar runt med Roboto Flex, och hade system-ui som reservteckensnitt, och jag märkte att under FOUT, den font-variation-settings Jag använde hade en effekt på reservteckensnittet, som återges som San Francisco på min Mac. Vilket... om jag inte är dum... betyder att San Francisco är ett variabelt typsnitt.

Så, vad gäller att använda den? Chris har en demo, naturligtvis:

Det finns några gotchas till allt detta, de viktigaste är fallbacks för icke-Apple-enheter. När allt kommer omkring, är den demon helt enkelt ringa system-ui för teckensnittsfamiljen — det säger inte åt webbläsaren att ladda ner en typsnittsfil eller något, och vem vet om Apple någonsin kommer att skicka en fil med variabelt teckensnitt som vi kan tjäna som ett riktigt anpassat webbteckensnitt.

Det andra intressanta? Chris gjorde lite granskning och räknade 35 layouter som ingår i det systemteckensnittet. Gå läs resten av inlägget att se dem alla (och att få en god dos av kristendomar — jag vet att jag saknar dem!).

Direktlänk →