Som en, der virkelig er til skrifttyper, ved jeg, at de fleste mennesker ikke deler min passion – men jeg tror virkelig, at alle, der interesserer sig for typografi, vil have en vis interesse for, hvad Google annoncerede i torsdags . Hvis du nogensinde har brugt noget lavet af Google, har du set Roboto. Nu introducerer Google noget, der hedder Roboto Flex. Som navnet antyder, er det en version af dens berømte skrifttype, som du kan justere og tilpasse på et væld af måder.
Jeg kan mærke, at jeg måske er ved at miste en masse mennesker, så lad os prøve dette: her er en gif, der viser alle de tilpasselige parametre, Roboto Flex har. Der foregår ingen tricks – jeg ændrer ikke et rasterbillede med Photoshop eller noget. Alt hvad du ser er indbygget i selve skrifttypen og kan ændres lige så nemt som skriftstørrelsen.

Ret sejt, ikke? (Hvis du lige sagde “nej” til din computerskærm, har du min tilladelse til at forlade nu. Dette bliver ikke mere interessant for dig.)
Grundlæggende er det, der sker, at Roboto Flex er en “variabel skrifttype”, hvilket betyder, at du ikke manuelt behøver at indlæse separate filer for at foretage ændringer i dens vægt, hældning eller andre variabler. Flex går dog længere end blot de grundlæggende ændringer; Google siger, at der er 12 forskellige måder, du kan justere den på, herunder at ændre dens bredde, slagtykkelse og endda højden af opadgående og faldende stængler (som findes på henholdsvis bogstaverne “d” og “p”).
:no_upscale()x - no_upscale()/cdn.vox-cdn.com/uploads/chorus_asset/file/23442915/unamed_2.jpg 320w, https://cdn.vox-cdn.com/thumbor/R5c1RFB3wPQiXPoh6J60=MANQtc2Q81/6Qtc009:filter/filter focal(0x0:1064x598):no_upscale()/cdn.vox-cdn.com/uploads/chorus_asset/file/23442915/unnamed_2.jpg 520w, https://cdn.vox-cdn.com/thumbor/39D_XLoDY=39D_XLoDY=39D_XLoDY=39D_XLoDY=39DXLoDY :1064x598/720x0/filters:focal(0x0:1064x598):no_upscale()/cdn.vox-cdn.com/uploads/chorus_asset/file/23442915/unnamed_2.jpg 720w, https://cdn.com /thumbor/HvQUPoe7aCmfeBnzlADaSJaukIQ=/0x0:1064x598/920x0/filters:focal(0x0:1064x598):no_upscale()/cdn.vox-cdn.com/uploads/chorus_524/2/9/234/234/2/9/234/2/2/2/2/2/2/2/2/2/2/2/2/2/2/2/2/2 cdn.vox-cdn.com/th umbor/5IdL2HHELoP7mmM6kb4yvHOdxk0=/0x0:1064x598/1120x0/filters:focal(0x0:1064x598):no_upscale()/cdn.vox-cdn.com/uploads/chorus_520 - .jpg 1320w, https://cdn.vox-cdn.com/thumbor/QIiZvWLfXaPCXSaLFXP_TYb-8RE=/0x0:1064x598/1520x0/filters:focal(0x0:1064x598)):no-cdn.com/cdn.com/cdn.com/uploads/chorus_asset/file/23442915/unnamed_2.jpg 1520w, https://cdn.vox-cdn.com/thumbor/Sxt1qe229hQh56uycb3k4PQ4-EM=/0x0:1064x598/0x0:1064x598/0x0:1064x598/17_scale:fo500cal:0x20:00x2:17(fox20cal:1700:000000000000000000000000000) /cdn.vox-cdn.com/uploads/chorus_asset/file/23442915/unamed_2.jpg 1720w, https://cdn.vox-cdn.com/thumbor/fn_b-pX6dpCoCRs4yrE1E6g3ZyE=1/04x0scal:/82x00:9/62x00:9/62x00 (0x0:1064x598):no_upscale()/cdn.vox-cdn.com/uploads/chorus_asset/file/23442915/unamed_2.jpg 1920w)
Disse typer skrifttyper har eksisteret i et stykke tid – selv Roboto Flex har været offentligt i værket i et år eller deromkring, men det er fedt at se, at Google laver det let tilgængelig for alle, der ønsker at bruge det.
Roboto Flex har også et par andre interessante funktioner, der ikke er direkte relateret til at få det til at se cool ud. I sit blogindlæg siger Google, at det har lagt en masse balance i skrifttypen for at sikre, at den ser rigtig ud i bestemte størrelser, så teksten vil se ordentligt fed eller tynd ud, uanset om den fylder en hel side eller bare er en lille fodnote . Googles meddelelse kommer også ind på, hvordan skrifttypens designere (et studie kaldet Font Bureau) sørgede for, at små detaljer var rigtige. Tilsyneladende er de cirkler, der bruges i procentsymbolet, forholdsmæssigt de samme som tallet 0. Det er noget hardcore skrifttype-nørderi, og jeg elsker det.
Hvad dette alt sammen betyder i praksis er, at designere har meget kontrol over, hvordan deres tekst ender med at se ud uden at skulle gøre en masse arbejde (forudsat at den applikation, de arbejder med, faktisk understøtter variable skrifttyper). Det er også fantastisk til webdesignere, der ønsker en standard-lignende skrifttype, som de kan justere for at sikre, at deres overskrifter og titler skiller sig ud, både fra resten af teksten på siden og fra andre websteder. Det skader heller ikke, fordi det er en Google Font, du kan tilføje det til dit websted med en eller to linjer kode.
):no_upscale.com/cdn. /uploads/chorus_asset/file/23443213/Screen_Shot_2022_05_06_at_12.40.09.png)
Plus… se, det kan godt være, at det går ud over det her, men jeg kunne ikke lade være med at tænke på alle de sjove UI-ting, du kunne gøre, hvis dette var skrifttypen på f.eks. en telefon med foldeskærm. Du ved, som den, Google angiveligt arbejder på? Det er nemt at forestille sig visuelle tricks som skrifttypen, der strækker sig, mens du åbner din telefon, eller hvor tekst holder de samme proportioner, når du går fra den lille frontskærm til den større indvendige skærm. Den slags ting ville være meget nemmere at implementere, hvis du arbejder med en fleksibel skrifttype og ville være rigtig sjov at se i praksis (og Google handler om sjov i Android nu, ikke?)
Dette er ikke den eneste interessante skrifttype Google har lavet for nylig. Det annoncerede også en serifferet version af Roboto, som ville virke som kætteri, hvis den ikke så virkelig flot ud, og den bragte endda de elskede klatter tilbage i dens Noto Emoji-skrifttype. Det er heller ikke den eneste, der leger med variable skrifttyper — Apples SF Pro, som bruges som standardskrifttype på stort set alle dets enheder, understøtter variable optiske størrelser, og Microsofts programmør-fokuserede Cascadia Code understøtter variable vægte.