In realtà, il carattere tipografico di San Francisco viene spedito come carattere variabile

Apple svelato una versione ampliata del suo font di sistema di San Francisco al WWDC 2022. Poi, il mese scorso, Jim Nielsen si è concentrato sulle variazioni del font, spiegando come il carattere fornisce uno spettro di variazioni basato su larghezza ed peso. È una lettura notevole se non l'hai controllato.

Con tutte queste nuove fantastiche opzioni, potresti essere tentato di usarle in un web design. Chris lo era guardando anche i set espansi sul suo blog personale e riflettuto:

Ma non è chiaro come potremmo attingere alle varietà condensate, compresse ed espanse nei CSS, o se esiste anche un piano per consentirlo. Suppongo che alla fine potremo dare un'occhiata a Apple.com e vedere come lo fanno se iniziano a usarli lì.

Non ha perfettamente senso costruire come un carattere variabile e spedire l'intero kit e il kaboodle in quel modo?

Risulta, sì. Ha perfettamente senso. Chris segue in a nuovo post:

Ma proprio ieri mi sono imbattuto casualmente nel fatto che il font San Francisco integrato (sui dispositivi Apple che lo hanno integrato) è già variabile (!!). Vedi, lo ero andare in giro con Roboto Flex, e aveva system-ui come font di riserva, e stavo notando che durante il FOUT, il font-variation-settings Stavo usando ha avuto un effetto sul carattere di fallback, che viene visualizzato come San Francisco sul mio Mac. Il che... a meno che non sia stupido... significa che San Francisco è un font variabile.

Quindi, per quanto riguarda l'utilizzo? Chris ha una demo, ovviamente:

Ci sono alcuni problemi in tutto questo, il più significativo sono i fallback per i dispositivi non Apple. Dopotutto, quella demo sta semplicemente chiamando system-ui per la famiglia di font: non sta dicendo al browser di scaricare un file di font o altro e chissà se Apple spedirà mai un file di font variabile che possiamo fungere da vero font Web personalizzato.

L'altra cosa interessante? Chris ha fatto delle indagini e ha contato 35 layout inclusi in quel font di sistema. andare leggi il resto del post per vederli tutti (e per avere una buona dose di Chris-isms - so che mi mancano!).

Collegamento diretto →