# Retrofontit: 70-, 80- ja 90-lukujen kirjaintyypit

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

Jokaisella vuosikymmenellä oli muutama fontti, jotka kertovat aikansa heti. Tässä ne sekä kaupalliseen käyttöön sopivat ilmaiset vaihtoehdot ja säännöt, joilla retro säilyy harkittuna.

## The short version

- Retrofontit ovat tiettyä vuosikymmentä muistuttavia kirjaintyyppejä. 1970-, 1980- ja 1990-luvuilla on kullakin tunnistettava valikoimansa.
- 1970-lukua määrittävät pehmeät, vahvat päätteelliset sekä pyöreät geometriset päätteettömät fontit, kuten Cooper Black ja ITC Avant Garde Gothic.
- 1980-luvun ilme syntyy leveistä teknofonteista, kromitekstistä, neon-sisäviivoista sekä pelihallien ja kotitietokoneiden pikselifonteista.
- 1990-luku yhdistää grunge-otsikkofontit ensimmäisiin näytöille tehtyihin fontteihin, kuten Verdanaan ja Georgiaan.
- Retrofontti tuntuu valinnalta puvustuksen sijaan, kun yhdistät sen selkeään moderniin fonttiin ja käytät vain muutamaan suureen sanaan.

**Retrofontit** kantavat aiemman vuosikymmenen ilmettä. 1970-luvulla se tarkoittaa pehmeitä, paksuja päätteitä kuten Cooper Blackissa sekä pyöreitä geometrisia päätteettömiä fontteja. 1980-luvulla leveitä teknokirjaimia, neon-sisäviivoja ja pikselitekstiä. 1990-luvulla grunge-otsikkofontteja ensimmäisten näyttöfonttien rinnalla. Alla kunkin vuosikymmenen tunnusfontit, saman tunteen antavat avoimesti lisensoidut Google Fonts -vaihtoehdot ja käyttötavat, joilla lopputulos tuntuu harkitulta.

Ensin yksi ero. Retrofontti on kirjaintyyppi. Retro*tehoste* tehdään kirjaimille jälkeenpäin, kuten kohotus tai väärin kohdistettu toinen painoväri. Ne toimivat parhaiten yhdessä. [Retro-tekstitehosteet](https://gradiently.design/fi/guide/retro-text-effect) käsittelee jälkimmäistä osaa.

## 70-luvun fontit: pehmeät, vahvat ja lämpimät

1970-luku rakasti vahvuutta ja kaaria. Otsikkoteksti asetettiin tiiviiksi, kirjaimet lähes koskettivat ja päätteet sulautuivat pyöreiksi muodoiksi. Ilme syntyi valoladonnasta, joka mahdollisti metalliladontaa tiiviimmät välit, sekä ystävällisen ja orgaanisen tyylin suosiosta.

- **Cooper Black:** Oswald Cooper piirsi sen 1920-luvulla, mutta 70-luvulla siitä tuli levynkansien ja liikekylttien ääni. Paksu, pehmeä, erehtymätön.
- **ITC Avant Garde Gothic:** vuonna 1970 julkaistu geometrinen päätteetön fontti, joka tunnetaan otsikoiden tiiviistä, päällekkäisistä suuraakkospareista.
- **ITC Benguiat** ja **Souvenir:** koristeelliset, pomppivat päätteelliset fontit, jotka muistuttavat pokkarikansia ja tilannekomedioiden nimiä.
- **Windsor:** edvardiaaninen päätteellinen fontti vinoilla, vahvoilla kaarilla. Se palasi 70-luvulla ja jäi tutuksi elokuvien nimistä.

Ilmaiset vaihtoehdot: **Fraunces** on varhaisten pehmeiden otsikkofonttien inspiroima muuttuva päätteellinen fontti. Sen ”wonky”-akseli lisää pomppivuutta. **Shrikhand** on vahva ja leikkisä, **Bagel Fat One** antaa pyöreän, täyteläisen tunteen. Lämmin paletti tuo vuosikymmenen itsestään. [Retroväripaletit](https://gradiently.design/fi/guide/retro-color-palettes) tarjoaa lisää vaihtoehtoja.

- Saksanpähkinä: #3d2314
- Poltettu oranssi: #9a4a1c
- Sadonkorjuun kulta: #d98a2b
- Avokado: #6b7a2e
- Kerma: #f3e3c3

70-luvun paletti pehmeälle päätteelliselle fontille. Kermanvärinen teksti saksanpähkinällä tai poltetulla oranssilla antaa vahvan kontrastin ja säilyttää lämmön.

## 80-luvun fontit: kromi, neon ja pikselit

1980-luku jakautui kahteen suuntaan. Yksi oli kasettisoittimen tulevaisuus: leveät kulmikkaat päätteettömät fontit, kromiliukuvärit, vaakasuuntaiset vauhtiviivat ja neonputket. Toinen oli näyttö itse. Kirjaimet rakennettiin niistä harvoista pikseleistä, jotka kotitietokone tai peliautomaatti pystyi näyttämään.

- **Eurostile** ja **Microgramma:** kulmikkaita, leveitä päätteettömiä fontteja 1950- ja 60-luvuilta. Niistä tuli 80-luvun teknologian perusilme.
- **ITC Machine** ja vahvat sapluunafontit: ilmeen lohkomainen, teollinen puoli.
- **Pikseli- ja bittikarttafontit:** peliautomaattien ja varhaisten tietokoneiden fontit, joissa jokainen kirjain istuu ruudukossa.

Ilmaiset vaihtoehdot: **Audiowide** ja **Orbitron** leveään teknoilmeeseen, **Monoton** neon-sisäviivoihin, aikakauden pelifontteihin perustuva **Press Start 2P** ja klassista päätettä jäljittelevä **VT323**. Lisää oppaassa [tasalevyiset fontit](https://gradiently.design/fi/guide/monospace-fonts). Pikselifontit näyttävät oikeilta vain ruudukon kokonaislukukerroissa. Suurenna niitä siis selkeissä portaissa sattumanvaraisen koon sijaan.

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

Kolme 80-luvun pohjaa. Kromihorisontin keskellä on terävä kirkas kaista, kromitekstin keskeinen keino.

## 90-luvun fontit: grunge, rave ja ensimmäiset verkkofontit

1990-luku antoi kirjaimille rosoisemman reunan. Julkaisuohjelmat toivat fonttityökalut kaikkien ulottuville. Lehdet ja musiikkijulisteet vastasivat kuluneilla, kerrostetuilla ja tarkoituksella rikotuilla kirjaimilla. Samalla verkko tarvitsi matalan tarkkuuden näytöillä toimivia fontteja. Syntyi joitakin kaikkien aikojen käytetyimmistä kirjaintyypeistä.

- **Grunge ja kuluneet fontit:** valokopioidut, syöpyneet ja päällepainetut kirjaimet musiikkilehdissä ja esitteissä.
- **Rave- ja klubifontit:** venytetyt tekno- ja kuplakirjaimet illanviettojen esitteissä.
- **Verdana** ja **Georgia:** Matthew Carter suunnitteli ne näytöille 90-luvun puolivälissä. Pienaakkoset ovat suuria ja välit avoimia.
- **Comic Sans:** julkaistiin 1994, edelleen yksi kiistellyimmistä fonteista.
- **Trajan:** klassinen suuraakkosfontti vuodelta 1989, josta tuli lukuisten elokuvajulisteiden otsikko.

Ilmaiset vaihtoehdot: **Rubik Glitch** ja **Rubik Wet Paint** rikottuun reunaan, **Space Mono** hieman tekniseen pienlehtitunnelmaan ja **Bungee** voimakkaaseen kylttityyliin. 90-luvun verkkonostalgiaan riittää usein näyttöfontti kirkkaansinisinä alleviivattuina linkkeinä harmaalla pohjalla.

| Vuosikymmen | Tunnusfontit | Ilmaiset Google Fonts -fontit | Parhaat käyttökohteet |
| --- | --- | --- | --- |
| 1970-luku | Cooper Black, Avant Garde, Souvenir | Fraunces, Shrikhand, Bagel Fat One | Kahvilat, levyt, leipomot, vintage-liikkeet |
| 1980-luku | Eurostile, Microgramma, pikselifontit | Audiowide, Orbitron, Monoton, Press Start 2P | Pelit, musiikki-illat, teknologialanseeraukset |
| 1990-luku | Grunge-fontit, Verdana, Trajan | Rubik Glitch, Space Mono, Bungee | Muotijulkaisut, pienlehdet, katumuoti |

Pikakartta. Useimmat ovat SIL Open Font License -lisenssillä, mutta lue kunkin fontin lisenssi sen Google Fonts -sivulta. [Ilmaiset fontit kaupalliseen käyttöön](https://gradiently.design/fi/guide/free-commercial-fonts) kertoo tarkistettavat asiat.

## Retrofontin käyttäminen ilman naamiaisvaikutelmaa

Koko design aikakauden fontilla tuntuu puvustukselta. Yksi aikakauden sana modernissa asettelussa kertoo mausta. Ero syntyy lähes aina pidättyvyydestä.

1. **Käytä retrofonttia vain otsikkoon** Kahdesta viiteen sanaa suurena. Retro-otsikkofontit on piirretty isoiksi ja hajoavat pitkissä lauseissa.
2. **Yhdistä hillittyyn moderniin päätteettömään** Tiedot, päivät ja hinnat tavallisella päätteettömällä fontilla. Ero tekee retrofontista harkitun. [Fonttien yhdistäminen](https://gradiently.design/fi/guide/font-pairing) tarjoaa luotettavia pareja.
3. **Lainaa vuosikymmenen väriäkin** 70-luvun päätteellinen fontti kylmänsinisenä valkoisella näyttää sekavalta. Lämpimillä ruskeilla ja kullalla se tuntuu heti luontevalta.
4. **Käytä aikakauden kirjainvälejä** 70-luvun otsikot olivat tiiviitä, 80-luvun teknofontit väljiä. Sopiva välistys tekee enemmän kuin tehoste. [Kirjainväli](https://gradiently.design/fi/guide/letter-spacing) näyttää miten.
5. **Lisää enintään yksi käsittely** Kohotus tai väärin kohdistettu toinen väri viimeistelee ilmeen. Kaksi käsittelyä yhdessä sanassa kääntyy parodiaksi.

Pysty somejulkaisu, jossa sana Groovaavaa on suurena lämpimällä liukuvärillä ja tiedot pieninä alla

70-luvun sääntö käytännössä: yksi lyhyt, lämmin sana otsikkona ja selkeät lisätiedot alla.

Pystytarina pelihalli-illasta tummalla liukuvärillä, päivämäärä ja lisätiedot pienellä tekstillä

80-luvun ilta tummalla hehkuvalla pohjalla: lyhyt otsikko näyttävällä fontilla ja selkeät lisätiedot.

## Retrofontit somejulkaisuissa ja brändeissä

Retrofontti ansaitsee paikkansa, kun yrityksellä on oikea yhteys aikakauteen: vinyylikauppa, diner, vintage-vaateliike tai bändi. Muille se sopii parhaiten yhden kauden tai lanseerauksen kampanjaääneksi pysyvän brändifontin sijaan. Jos valitset pitkän aikavälin kirjaintyyppiä, lue ensin [brändifontit](https://gradiently.design/fi/guide/brand-fonts).

Puhelimella retro-otsikkofontti tarvitsee selkeää päätteetöntä enemmän kokoa. Sen yksityiskohdat tekevät siitä retroa, ja pieni näyttö menettää ne ensin. Anna hieman tavallista [somejulkaisun tekstikokoa](https://gradiently.design/fi/guide/font-size-for-social-media) enemmän: vähintään 100 px otsikolle 1080 px leveässä julkaisussa. Tarkista julkaisu oikeassa koossa puhelimella ennen julkaisua.

Gradientlyn Pron brändipaketti säilyttää otsikko- ja leipätekstifontin. Voit ladata omat fonttitiedostosi, joten retro-otsikko ja moderni leipäteksti pysyvät parina kaikissa designeissa. Tekstikäsittelyt, kuten Kohotettu, Kaksinkertainen ja Riso, lisäävät aikakauden viimeistelyn ilman kerroskikkoja. Mark rauhoittaa sanojen takaista aluetta ja pitää ne luettavina.

## FAQ

### Mitä fonttia käytettiin 70-luvulla?

Cooper Black, ITC Avant Garde Gothic, Souvenir ja ITC Benguiat yhdistetään vahvimmin 1970-lukuun. Fraunces ja Shrikhand ovat samanhenkisiä ilmaisia vaihtoehtoja.

### Mitkä Google Fonts -fontit sopivat 80-luvun ilmeeseen?

Audiowide ja Orbitron leveisiin teknokirjaimiin, Monoton neon-sisäviivoihin sekä Press Start 2P tai VT323 pikseli- ja päätetyyleihin.

### Voinko käyttää retrohenkisiä Google Fonts -fontteja kaupallisesti?

Useimmat Google Fonts -fontit julkaistaan SIL Open Font License -lisenssillä. Se sallii käytön designeissa, logoissa ja verkkosivuilla, mutta ei fonttitiedostojen myyntiä sellaisinaan. Lue kunkin fontin sivulla oleva lisenssi ennen käyttöä.

### Mikä fontti sopii retrofontin pariksi?

Selkeä moderni päätteetön fontti lisätietoihin ja leipätekstiin. Hillitty fontti tekee retro-otsikosta harkitun valinnan.