# Tunnettujen brändien fontit ja niiden opetukset

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

Fontti on brändin ääni jo ennen ensimmäisen sanan lukemista. Tunnetut valinnat näyttävät, miksi toiset lisensoivat klassikon, toiset tilaavat oman ja jotkut eivät käytä logossaan fonttia lainkaan.

## The short version

- Tunnettujen brändien fontit jakautuvat kolmeen ryhmään: johdonmukaisesti käytetyt klassikot, yrityksen tilaamat ja omistamat fontit sekä käsin piirretty teksti, joka ei ole fontti.
- Lontoon metrolle vuonna 1916 luotu Johnston on vanhimpia yhä käytössä olevia yritysfontteja.
- Airbnb, Netflix ja Google tilasivat omat kirjasintyyppinsä saadakseen erottuvan äänen ja hallitakseen niiden käyttöä.
- Coca-Colan ja Disneyn logot ovat yhtenä kokonaisuutena piirrettyä tekstiä, eivät fontilla kirjoitettuja sanoja.
- Pieni brändi saa suurimman osan hyödystä valitsemalla yhden laadukkaan fontin ja käyttämällä sitä johdonmukaisesti vuosia.

**Tunnettujen brändien fontit** jakautuvat kolmeen ryhmään. Osa brändeistä valitsee klassikon, kuten Helvetican tai Futuran, ja käyttää sitä hyvin johdonmukaisesti. Toiset tilaavat oman fontin, kuten Airbnb Cerealin ja Netflix Netflix Sansin. Monet tunnetuimmista logoista, esimerkiksi Coca-Colan, eivät ole fontteja vaan käsin piirrettyä tekstiä. Jokainen tapa kertoo brändistä jotain ja auttaa oman valinnan tekemisessä.

## Tunnettujen brändien fontit yhdellä silmäyksellä

| Brändi tai paikka | Fontti | Alkaen | Mitä opit |
| --- | --- | --- | --- |
| London Underground | Johnston | 1916 | Fontti voi määrittää kokonaisen kaupungin opasteet |
| New Yorkin metron opasteet | Helvetica | 1989 standardi | Neutraali teksti tuntuu julkiselta ja luotettavalta |
| Louis Vuitton, Supreme | Futura | 1927 fontti | Geometriset muodot voivat tuntua moderneilta vuosisadan |
| Obaman vuoden 2008 kampanja | Gotham | 2000 fontti | Vahvat avoimet kirjaimet tuntuvat varmoilta ja selkeiltä |
| Google | Product Sans | 2015 | Yksinkertainen geometrinen fontti skaalautuu kuvakkeesta mainostauluksi |
| Airbnb | Airbnb Cereal | 2018 | Oma fontti antaa saman äänen joka tuotteeseen |
| Netflix | Netflix Sans | 2018 | Fontin omistaminen poistaa lisenssirajat suuressa mittakaavassa |
| IBM | IBM Plex | 2017 | Oma fontti voi olla avointa lähdekoodia ja silti erottuva |

Kahdeksan hyvin dokumentoitua fonttia ja niiden taustalla oleva ajatus. Päivä kertoo brändin käyttöönotosta tai fontin julkaisusta.

## Johdonmukaisesti käytetyt klassikkofontit

Edward Johnston piirsi **Johnstonin** Lontoon metrolle, ja se otettiin käyttöön vuonna 1916. Se piirrettiin uudelleen New Johnstoniksi vuonna 1979 ja sitä on uudistettu myöhemminkin, mutta samat kirjaimet näkyvät edelleen opasteissa, kartoissa ja julisteissa. Se vaikutti myös Gill Sansiin, jonka suunnitteli Johnstonin kanssa työskennellyt Eric Gill. Opetus on pitkäikäisyys: kaikkialla vuosisadan ajan käytetty fontti muuttuu osaksi ihmisten mielikuvaa paikasta.

Vuonna 1957 julkaistusta **Helveticasta** tuli New Yorkin metron opasteiden standardi, ja sitä on lukemattomissa yrityslogoissa, esimerkiksi American Apparelilla. Paul Rennerin vuonna 1927 suunnittelema **Futura** näkyy Louis Vuittonin nimilogossa ja vahvana vinoversiona Supremen laatikkologossa. Se on myös Apollo 11:n Kuuhun jättämän laatan fontti. Hoefler & Frere-Jonesin **Gotham** tuli laajasti tunnetuksi Barack Obaman vuoden 2008 kampanjasta.

Yksikään näistä brändeistä ei omista kirjasintyyppiään. Erottuvuus syntyy täsmällisestä käytöstä: samat vahvuudet, välit ja asettelut joka kerta. Tämä on useimmille pienille brändeille sopiva reitti. [Brändifontit](https://gradiently.design/fi/guide/brand-fonts) auttaa valinnassa.

## Miksi suuret brändit tilaavat omia fontteja

Kun Google uudisti logonsa vuonna 2015, se esitteli **Product Sansin**, yksinkertaisen geometrisen päätteettömän fontin, joka toimii pienessä sovelluskuvakkeessa ja suuressa kyltissä. **Airbnb Cereal** ja **Netflix Sans** julkaistiin vuonna 2018 yhteistyössä Dalton Maag -fonttistudion kanssa. Netflix käytti aiemmin Gothamia, ja julkisuudessa mainittuihin vaihtosyihin kuuluivat lisenssikulut sen mittakaavassa. **Apple** esitteli San Franciscon Apple Watchissa ja siirsi sitten muut laitteensa siihen. **IBM** julkaisi IBM Plexin avoimena lähdekoodina vuonna 2017. **Uber**, **YouTube** ja **BBC** esittelivät omat fonttinsa samoihin aikoihin.

### Lisensoitu klassikko

- Saatavilla heti, käytössä koeteltu
- Jaettu monien muiden brändien kanssa
- Lisenssiehdot rajaavat joitakin käyttötapoja
- Erottuvuus syntyy vain johdonmukaisuudesta

### Oma kirjasintyyppi

- Kuukausien työ fonttistudion kanssa
- Ääni, jota kukaan muu ei voi käyttää
- Vapaa käyttö missä tahansa tuotteessa tai näytöllä
- Kannattaa suuressa mittakaavassa

Pienelle brändille oma fontti on harvoin hintansa arvoinen. Lue [fonttien lisensointi](https://gradiently.design/fi/guide/font-licensing) ennen kaupallisen fontin valintaa, jotta tiedät sen sallitut käyttökohteet.

## Käsin piirretyt logot

**Coca-Colan** logo on Spencerian-kaunokirjoitusta, jonka juoman keksijän John Pembertonin kirjanpitäjä Frank Mason Robinson kirjoitti käsin 1880-luvulla. **Disneyn** logo perustuu tyyliteltyyn Walt Disneyn allekirjoitukseen. Kumpaakaan ei voi kirjoittaa fontilla: molemmat ovat yksi piirros. Käsin piirtäminen antaa logolle ainutlaatuisen muodon, mutta muuhun käyttöön tarvitset silti fontin. [Kirjainpiirustus ja typografia](https://gradiently.design/fi/guide/lettering-vs-typography) selittää eron, ja [nimilogon suunnittelu](https://gradiently.design/fi/guide/wordmark-design) käsittelee tekstipohjaista logoa.

## Ilmaisia fontteja samalla tunnelmalla

Voit lainata tunnetun valinnan tunnelmaa kopioimatta brändiä. Näillä Google Fontsin ilmaisilla fonteilla on sukulaisuutta tunnettuihin kirjasintyyppeihin, ja niiden avoimet lisenssit sallivat kaupallisen käytön.

| Jos pidät tästä | Kokeile tätä | Tunnelma |
| --- | --- | --- |
| Futura | Jost | Geometrinen, terävä, moderni |
| Gotham | Montserrat | Leveä, tukeva, varma |
| Helvetica | Inter | Neutraali, selkeä näytöillä |
| Didot-tyyliset muodin antiikvat | Playfair Display | Vahva kontrasti, tyylikäs |
| IBM Plex | IBM Plex itse | Avoin lähdekoodi, tekninen, ystävällinen |

Ilmaisia vaihtoehtoja samankaltaisella luonteella. Ne eivät ole kopioita, jokaisella on omat yksityiskohtansa.

```css
/* Load IBM Plex Sans from Google Fonts in your HTML head, then: */
:root {
  --font-heading: "IBM Plex Sans", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
}

h1, h2, h3 {
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: -0.01em;
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.5;
}
```

Yksi fontti kahdessa vahvuudessa, muuttujina määritettynä jotta sen voi vaihtaa yhdessä paikassa. Esimerkit löytyvät [Google Fontsista](https://fonts.google.com/specimen/IBM+Plex+Sans).

## Mitä tunnetut brändifontit opettavat pienelle brändille

1. **Valitse ääneesi sopiva** Geometriset fontit tuntuvat moderneilta ja ystävällisiltä, neutraalit groteskit rauhallisilta ja luotettavilta, vahvakontrastiset antiikvat toimituksellisilta ja ylellisiltä. [Päätteellinen ja päätteetön fontti](https://gradiently.design/fi/guide/serif-vs-sans-serif) käy perusteet läpi.
2. **Käytä yhtä perhettä, korkeintaan kahta** Useimmat tunnetut brändit käyttävät yhtä fonttiperhettä muutamalla vahvuudella. Lisää toinen vain selkeään tehtävään. Katso [fonttiparit](https://gradiently.design/fi/guide/font-pairing).
3. **Määritä vahvuudet ja koot** Kirjaa otsikkojen ja leipätekstin vahvuudet ja pidä niistä kiinni.
4. **Käytä fonttia kaikkialla vuosia** Tunnistettavuus syntyy toistosta, ei fontin harvinaisuudesta.

Pystyjulkaisu otsikolla Selkeät sanat, hyvä asettelu yhdellä lihavoidulla fontilla liukuvärin päällä

Otsikkojulkaisu yhdellä fontilla vahvana versiona. Johdonmukaisuus rakentaa brändin.

Journalin pystyjulkaisu Miksi käytämme yhtä fonttia saman fontin kevyemmällä vahvuudella

Sama perhe rauhallisemmalla vahvuudella pidempään tekstiin. Sama ääni, eri voimakkuus.

Gradientlyn brändipaketti säilyttää otsikko- ja leipätekstifontin, myös lataamasi fonttitiedostot, ja Designer käyttää niitä jokaisessa asettelemassaan suunnitelmassa. Tekstikäsittelyt, kuten Käyrät, Sisäviiva ja Kohotettu, antavat otsikolle luonnetta ilman kolmatta fonttia.

## FAQ

### Mitä fontteja tunnetut brändit käyttävät?

Esimerkkejä ovat Lontoon metron Johnston, Louis Vuittonin ja Supremen logojen Futura, Googlen Product Sans, Airbnb Cereal ja Netflix Sans.

### Mikä fontti Coca-Colan logossa on?

Se ei ole fontti. Coca-Colan logo on Spencerian-kaunokirjoitusta, jonka Frank Mason Robinson kirjoitti käsin 1880-luvulla.

### Miksi yritykset tekevät omia fontteja?

Oma fontti antaa erottuvan äänen ja poistaa lisenssirajoituksia, mikä on tärkeää, kun tekstiä käytetään monissa tuotteissa ja näytöillä.

### Mikä ilmainen fontti muistuttaa Futuraa?

Google Fontsista löytyvä Jost on ilmainen geometrinen päätteetön fontti samankaltaisella tunnelmalla.

### Kannattaako pienyrityksen tilata oma fontti?

Harvoin. Yhden laadukkaan fontin johdonmukainen käyttö antaa suurimman osan hyödystä murto-osalla työstä.