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

[Canonical HTML page](https://gradiently.design/sv/guide/retro-fonts)

Varje decennium hade en handfull typsnitt som idag säger dess namn direkt. Här är de, med gratis alternativ du kan använda kommersiellt och reglerna som hindrar en retrolook från att bli en maskeraddräkt.

## The short version

- Retrotypsnitt är typsnitt som påminner om ett särskilt decennium, och 70-, 80- och 90-talet har var sin igenkännbara uppsättning.
- 70-talet definieras av mjuka, tunga serifer och rundade geometriska sans-typsnitt som Cooper Black och ITC Avant Garde Gothic.
- 80-talslooken kommer från breda tekniska sans-typsnitt, kromade bokstäver, neoninlinjer och pixeltypsnitt från arkadspel och hemdatorer.
- 90-talet blandar grungetypsnitt för rubriker med de första typsnitten gjorda för skärmar, som Verdana och Georgia.
- Ett retrotypsnitt läses som ett val snarare än en maskeraddräkt när du parar det med ett enkelt modernt typsnitt och använder det för några få stora ord.

**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 retro*effekt* ä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](https://gradiently.design/sv/guide/retro-text-effect) 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](https://gradiently.design/sv/guide/retro-color-palettes) har mer att välja bland.

- Valnöt: #3d2314
- Bränd orange: #9a4a1c
- Skördeguld: #d98a2b
- Avokado: #6b7a2e
- Grädde: #f3e3c3

En 70-talspalett att sätta en mjuk serif i. Grädde text på valnöt eller bränd orange ger stark kontrast och behåller värmen.

## 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](https://gradiently.design/sv/guide/monospace-fonts)). 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.

- Kromhorisont: `linear-gradient(180deg, #0b1b3f 0%, #1e3a8a 48%, #f0abfc 50%, #fdf4ff 52%, #1e1b4b 100%)`
- Synthsolnedgång: `linear-gradient(180deg, #120428 0%, #4c1d95 45%, #db2777 75%, #fb923c 100%)`
- Neon på svart: `radial-gradient(circle at 50% 40%, #22d3ee 0%, #0e7490 30%, #020617 70%)`

Tre 80-talsgrunder. Kromhorisonten har ett hårt ljust band i mitten, vilket är tricket bakom kromade bokstäver.

## 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.

| Decennium | Definierande typsnitt | Gratis Google Fonts | Bra för |
| --- | --- | --- | --- |
| 1970-talet | Cooper Black, Avant Garde, Souvenir | Fraunces, Shrikhand, Bagel Fat One | Kaféer, skivor, bagerier, vintagebutiker |
| 1980-talet | Eurostile, Microgramma, pixeltext | Audiowide, Orbitron, Monoton, Press Start 2P | Spel, musikkvällar, tekniklanseringar |
| 1990-talet | Grungetypsnitt, Verdana, Trajan | Rubik Glitch, Space Mono, Bungee | Modedroppar, fanzines, streetwear |

En snabb karta. De flesta har SIL Open Font License, men läs varje typsnitts licens på dess Google Fonts-sida. [Gratis typsnitt för kommersiellt bruk](https://gradiently.design/sv/guide/free-commercial-fonts) förklarar vad du ska kontrollera.

## 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. **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. **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](https://gradiently.design/sv/guide/font-pairing) har pålitliga kombinationer.
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. **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](https://gradiently.design/sv/guide/letter-spacing) visar hur.
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.

Ett stående inlägg med det enda ordet Groovy satt stort över en varm gradient, med små detaljer under

70-talsregeln i praktiken: ett kort, varmt ord som rubrik, enkla detaljer under.

En stående story som annonserar en arkadkväll över en mörk gradient, med datum och detaljer i liten text

En 80-talskväll på en mörk, glödande grund: en kort rubrik för displaytypsnittet, detaljerna hålls enkla.

## 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](https://gradiently.design/sv/guide/brand-fonts) 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](https://gradiently.design/sv/guide/font-size-for-social-media), 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.

## FAQ

### Vilket typsnitt användes på 70-talet?

Cooper Black, ITC Avant Garde Gothic, Souvenir och ITC Benguiat är de typsnitt som mest förknippas med 1970-talet. Fraunces och Shrikhand är gratis alternativ med liknande känsla.

### Vilka är bra 80-talstypsnitt på Google Fonts?

Audiowide och Orbitron för breda tekniska bokstäver, Monoton för neoninlinjetext, och Press Start 2P eller VT323 för pixel- och terminalstilar.

### Kan jag använda retrotypsnitt från Google Fonts kommersiellt?

De flesta Google Fonts släpps under SIL Open Font License, som tillåter kommersiellt bruk i design, logotyper och webbplatser men inte försäljning av själva typsnittsfilerna. Läs licensen på varje typsnitts sida innan du förlitar dig på det.

### Vilket typsnitt passar ihop med ett retrotypsnitt?

Ett enkelt, modernt sans serif för detaljer och brödtext. Det stilla sanset låter retrorubriken läsas som ett avsiktligt val.