Det här är världens mest hållbara teckensnitt

Formafantasmas nya webbplats använder Arial och Times New Roman i ett försök att bli mer hållbar.

Det här är världens mest hållbara teckensnitt

Hållbarhet mäts inte bara i pund, utsläpp och materialköp. Det mäts också i byte.



Amsterdambaserad designstudio Formafantasma, vars arbete fokuserar på hållbar design, har en nyskapad webbplats det är bättre för miljön. Webbplatsen ser ut så enkel som du kan få: Den har massor av vitt utrymme, få bilder och bara två typsnitt: Arial och Times New Roman, i standardblått och svart som går tillbaka till webbens tidiga dagar.

kevin systrom första instagramfoto

[Skärmdump: FormaFantasma ]



Du har förmodligen inte tänkt på om vissa webbplatser kan vara mer hållbara än andra, men i själva verket kan val av webbdesign påverka hur mycket energi webbplatsen använder. I det här fallet gjorde Formafantasma -teamet visuella val som hade en direkt effekt på webbplatsens hållbarhet. De valde inte bara Times New Roman och Arial för att de gillade dem, utan för att de är vanliga standardteckensnitt - och därför de mest hållbara typsnitten på webben.



För att förstå varför hjälper det att ta en kort vistelse i webbens inre funktioner . All data som utgör en webbplats lever på en server någonstans. Så när du besöker en webbplats, säg, fastcompany.com, gör din webbläsare faktiskt en begäran om att få tillgång till den informationen. Värdservern ger okej och skickar tillbaka all information som utgör webbplatsen - oavsett om det är teckensnitt, bilder, namnge det - via internet och tillbaka till din dator. Allt innehåll som behöver laddas på en sida, inklusive teckensnitt, logotyper, etc. är en begäran till servern, förklarar Andrea Trimarchi, en av grundarna av Formafantasma. Dessa förfrågningar, kallade HTTP -förfrågningar, kräver energi och lagringsutrymme. Så för att göra en webbplats så hållbar som möjligt måste dessa förfrågningar vara så minimala som möjligt.

[Skärmdump: FormaFantasma ]

Arial och Times New Roman är standardteckensnitt på både Mac och PC, vilket innebär att det inte behövs några extra förfrågningar. Det är också därför 'FORMAƑANTASMA' -logotypen är en nonlogo, säger Trimarchi. Den använder Unicode -symboler som är visualiserade och tillgängliga på alla enheter på samma sätt.



Arial och Times New Roman är inte de enda standardteckensnitten: Courier New, Georgia, Verdana och Helvetica är också det, vilket gör dem lika hållbara. Men när du tänker på att hela gjuterier släpper ut specialdesignade typsnitt är detta smala plockningar.

[Skärmdump: FormaFantasma ]

Även om Formafantasas typval är betydande, finns det andra sätt att minska en webbplats miljöpåverkan, enligt Ben Kiel, en typsnittsdesigner och partner i XYZ -typ . Att använda mindre bilder är faktiskt det mest effektfulla sättet att minska webbplatsens fotavtryck, säger han. Detta är något som är en bugaboo eftersom webbdesigners alltid vill ha minsta möjliga teckensnittsfil men sedan ladda enorma bilder. Så att fokusera på teckensnitt kontra bilder är som skogar för träd. (Bilder, som ofta mäts i megabyte, är vanligtvis mycket större än anpassade teckensnittsfiler, som vanligtvis mäts i kilobyte.) Det betyder inte nödvändigtvis att du inte kan använda anpassade teckensnitt, eftersom anpassade teckensnitt kan vara små, han säger. Det betyder att du måste göra medvetna val.

varför pratar vissa människor så mycket



Om du kan göra den visuella avvägningen kan dessa hållbara designval också förbättra användarupplevelsen eftersom sidor laddas snabbare, tillägger Kiel. Att betjäna mindre filstorlekar är viktigt för mobil bandbredd, enligt Kiel, och kan vara billigare för användare som betalar för data. (Spårningskoden spelar också en roll: Ju färre spårare du har, desto mindre energi kommer du att använda och desto snabbare kommer din webbplats att bli.) Sammantaget är Formafantasma -webbplatsen en övning i återhållsamhet som sätter att gammalt designmantra mindre är mer till god användning. Och även om anpassade typsnitt inte är det största energisuget på deras webbplats, betonar det skarpa visuella utseendet studioens hållbara designuppdrag och gör det enkelt att navigera. Kiel uppmuntrar webbdesigners att tänka på dessa designbeslut ännu bredare. Bara att betjäna människor vad de behöver för att visa sidan är bara bra design.