Faktisk sendes San Francisco-skrifttypen som en variabel skrifttype PlatoBlockchain Data Intelligence. Lodret søgning. Ai.

Faktisk sendes San Francisco-skrifttypen som en variabel skrifttype

Apple afsløret en udvidet version af sin San Francisco-systemskrifttype på WWDC 2022. Så, i sidste måned, satte Jim Nielsen sig ind på skrifttypens variationer, forklarer hvordan skrifttypen giver et spektrum af variationer baseret på bredde , vægt. Det er bemærkelsesværdig læsning, hvis du ikke har tjekket det.

Faktisk sendes San Francisco-skrifttypen som en variabel skrifttype

Med alle disse fantastiske nye muligheder kan du blive fristet til at bruge dem i et webdesign. Chris var kigger også over de udvidede sæt over på hans personlige blog og tænkte:

Men det er ikke år klart, hvordan vi kan udnytte de fortættede, komprimerede og udvidede varianter i CSS, eller om der overhovedet er en plan for at tillade det. Jeg formoder, at vi til sidst kan kigge rundt på Apple.com og se, hvordan de gør det, hvis de begynder at bruge dem der.

Giver dette ikke perfekt mening at konstruere som en variabel skrifttype og sende hele sættet og kaboodlen på den måde?

Det viser sig, ja. Det giver perfekt mening. Chris følger op i en nyt opslag:

Men i går faldt jeg tilfældigt over det faktum den indbyggede San Francisco-skrifttype (på de Apple-enheder, der har den indbygget) er allerede variabel (!!). Se, det var jeg derper rundt med Roboto Flex, og havde system-ui som reserveskrifttype, og jeg lagde mærke til, at under FOUT, den font-variation-settings Jeg brugte havde en effekt på reserveskrifttypen, som gengives som San Francisco på min Mac. Hvilket... medmindre jeg er tosset... betyder, at San Francisco er en variabel skrifttype.

Så hvad med at bruge det? Chris har selvfølgelig en demo:

Der er nogle gotchas til alt dette, de vigtigste er fallbacks for ikke-Apple-enheder. Når alt kommer til alt, kalder den demo simpelthen system-ui for skrifttypefamilien - det fortæller ikke browseren om at downloade en skrifttypefil eller noget, og hvem ved, om Apple nogensinde vil sende en variabel skrifttypefil, vi kan tjene som en egentlig brugerdefineret webskrifttype.

Den anden interessante ting? Chris foretog nogle undersøgelser og talte 35 layout inkluderet i den systemskrifttype. Gå læs resten af ​​indlægget at se dem alle sammen (og for at få en god portion kristendom - jeg ved, jeg savner dem!).


Direkte link →

Tidsstempel:

Mere fra CSS-tricks