Retrotypsnitt: typsnitt från 70-, 80- och 90-talet

Retrotypsnitt är typsnitt som bär ett svunnet decenniums look. För 70-talet betyder det mjuka, knubbiga serifer som Cooper Black och rundade geometriska sans-typsnitt; för 80-talet breda tekniska bokstäver, neoninlinjer och pixeltext; för 90-talet grungetypsnitt för rubriker vid sidan av de första typsnitten gjorda för skärmar. Nedan finns typsnitten som definierar varje decennium, gratis Google Fonts som ger samma känsla under öppna licenser, och hur du använder dem så att resultatet känns genomtänkt snarare än nostalgiskt för sin egen skull.

En distinktion först. Ett retrotypsnitt är ett typsnitt; en retroeffekt är vad du gör med bokstäverna efteråt, som en extrudering eller en feltryckt andra färg. De fungerar bäst tillsammans, och retrotexteffekter tar upp den andra halvan.

70-talstypsnitt: mjuka, tunga och varma

70-talet älskade tyngd och kurvor. Rubriktext sattes tätt, bokstäverna nästan rörde vid varandra och serifer smälte ihop till runda klumpar. Looken kom från fotosättning, som gjorde det lätt att placera bokstäver närmare än blysättning någonsin tillät, och från en smak för allt som kändes vänligt och organiskt.

• Cooper Black: ritat av Oswald Cooper på 1920-talet, men det blev 70-talets ljud på skivfodral och butiksskyltar. Fett, mjukt, omöjligt att förväxla.
• ITC Avant Garde Gothic: ett geometriskt sans som släpptes 1970, berömt för sina täta, överlappande versalpar i rubriker.
• ITC Benguiat och Souvenir: svängiga, studsande serifer som känns som pocketomslag och sitcomtitlar.
• Windsor: en edwardiansk serif med lutande, tunga kurvor som kom tillbaka på 70-talet och förblev bekant från filmtitlar.

Gratis alternativ: Fraunces är en variabel serif inspirerad av de där mjuka tidiga displaytypsnitten, med en ”wonky”-axel som ger studsen; Shrikhand är tungt och lekfullt; Bagel Fat One ger den rundade, uppblåsta känslan. Sätt dem i en varm palett så kommer decenniet av sig självt; retrofärgpaletter har mer att välja bland.

80-talstypsnitt: krom, neon och pixlar

80-talet delades i två riktningar. Den ena var framtiden sedd från en kassettspelare: breda, kantiga sans-typsnitt, kromade gradienter, vågräta hastighetslinjer och neonrör. Den andra var själva skärmen, där bokstäver byggdes av de få pixlar en hemdator eller ett arkadspel kunde visa.

• Eurostile och Microgramma: kantiga, breda sans-typsnitt från 50- och 60-talen som blev en stapelvara för allt högteknologiskt på 80-talet.
• ITC Machine och tunga stencilfonter: den blockiga, industriella sidan av looken.
• Pixel- och bitmapptext: typsnitten från arkadspel och tidiga datorer, där varje bokstav ligger på ett rutnät.

Gratis alternativ: Audiowide och Orbitron för den tekniska breda looken, Monoton för bokstäver med neoninlinje, Press Start 2P, baserat på tidens arkadtypsnitt, och VT323, modellerat på en klassisk terminal (mer i monospace-typsnitt). Pixeltypsnitt ser bara rätt ut i storlekar som är hela multipler av deras rutnät, så skala upp dem i rena steg i stället för till en godtycklig storlek.

90-talstypsnitt: grunge, rave och de första webbtypsnitten

90-talet gav typografin en råare kant. Desktop publishing lade typsnittsprogram i allas händer, och tidskrifter och musikaffischer svarade med nedslitna, överlagrade, medvetet trasiga bokstäver. Samtidigt behövde webben typsnitt som fungerade på skärmar med låg upplösning, och det gav några av de mest använda typsnitten som någonsin gjorts.

• Grunge- och nedslitna typsnitt: fotokopierade, nötta och överstämplade bokstäver från musiktidskrifter och flyers.
• Rave- och klubbtext: utdragna, tekniska och bubbliga bokstäver på flyers för kvällar ute.
• Verdana och Georgia: ritade av Matthew Carter för skärmar i mitten av 90-talet, med stora gemener och öppen spationering.
• Comic Sans: släpptes 1994 och är fortfarande ett av de mest omdiskuterade typsnitt som någonsin gjorts.
• Trajan: ett typsnitt med klassiska versaler från 1989 som kom att pryda en mängd filmaffischer.

Gratis alternativ: Rubik Glitch och Rubik Wet Paint för en trasig kant, Space Mono för en lätt teknisk, fanzineaktig känsla och Bungee för högljudd skylttext. För en nostalgisk 90-talswebblook räcker det ofta att helt enkelt använda en skärmserif med klarblå understrukna länkar på grå grund.

Så använder du retrotypsnitt utan att det ser ut som en maskeraddräkt

En hel design i ett epoktypsnitt läses som en kostym. Ett enda epokord i en modern layout läses som smak. Skillnaden är nästan alltid återhållsamhet.

1. 1

   Använd retrotypsnittet bara till rubriken

   Två till fem ord, stort. Retrotypsnitt för rubriker är ritade för storlek och faller isär i meningar.

2. 2

   Para det med ett stilla modernt sans

   Detaljer, datum och priser sätts i ett enkelt sans. Kontrasten får retrotypsnittet att se avsiktligt ut. Typsnittspar har pålitliga kombinationer.

3. 3

   Låna decenniets färg, inte bara dess bokstäver

   En 70-talsserif i kallblått på vitt ser förvirrad ut. Lägg den på varma bruna toner och guld så blir den plötsligt begriplig.

4. 4

   Spationera den som epoken gjorde

   70-talets rubriker sattes tätt; 80-talets tekniska typsnitt spationerades brett. Att matcha avståndet gör mer än någon effekt. Bokstavsavstånd visar hur.

5. 5

   Lägg till högst en behandling

   En extrudering eller en feljusterad andra färg avslutar looken. Två behandlingar på ett ord är där det tippar över i parodi.

Retrotypsnitt i inlägg och varumärken

Retrotypografi förtjänar sin plats när verksamheten verkligen har en koppling till epoken: en vinylbutik, en amerikansk diner, en säljare av vintagekläder, ett band. För alla andra fungerar den bäst som en kampanjröst, använd för en säsong eller en lansering, snarare än som varumärkets permanenta ansikte. Om du väljer ett typsnitt för lång sikt, läs varumärkestypsnitt först.

På en telefon behöver retrotypsnitt för rubriker mer storlek än ett rent sans, eftersom deras detaljer är det som gör dem retro och detaljer är det första en liten skärm tappar. Ge dem lite mer än den vanliga teckenstorleken för inlägg i sociala medier, 100 px eller mer för en rubrik på ett inlägg som är 1080 px brett, och kontrollera inlägget i verklig storlek på din telefon innan du publicerar.

I Gradiently rymmer varumärkespaketet (en del av Pro) ett rubriktypsnitt och ett brödtypsnitt, och du kan ladda upp egna typsnittsfiler, så att ett retrotypsnitt för rubriker och ett modernt brödtypsnitt förblir parade i varje design. Bokstavsbehandlingarna, som Extrudering, Dubbel och Riso, lägger till epokens finish utan lagertrick, och varje Mark håller orden läsbara genom att lugna ytan bakom dem.