# Esitysfontit: teksti, joka näkyy takariviin

[Canonical HTML page](https://gradiently.design/fi/guide/typography-for-presentations)

Diaa luetaan viidestä kolmeenkymmeneen metrin päästä, usein värejä haalistavan projektorin kautta. Nämä fontit, koot ja käytännöt kestävät matkan.

## The short version

- Hyvissä esitysfonteissa on avoimet kirjainmuodot, suuri x-korkeus ja selkeät erot samankaltaisten merkkien, kuten I:n, l:n ja 1:n, välillä.
- 1920×1080-dialla alle noin 48 pikselin leipätekstiä on vaikea lukea salin takaosasta. Se vastaa 24 pistettä PowerPointin oletuskoossa 16:9.
- Useimmat esitykset tarvitsevat yhden groteskin kahdella tai kolmella vahvuudella tai näyttöfontin otsakkeille ja selkeän groteskin muulle tekstille.
- Esityskoneelta puuttuvat fontit korvataan muilla. Upota fontit, käytä Google Slidesin verkkofonttia tai esitä PDF:stä.
- Nopea luettavuustesti on katsoa diaa neljäsosassa sen koosta. Jos pystyt yhä lukemaan sen, takarivikin pystyy.

Parhaat **esitysfontit** ovat selkeitä groteskeja, joissa on avoimet muodot ja korkea x-korkeus, kuten Inter, Source Sans 3, IBM Plex Sans ja Atkinson Hyperlegible. Käytä paljon suurempaa kokoa kuin kannettavalla tuntuu luontevalta. 1920×1080 pikselin 16:9-dialla leipätekstin pitää olla vähintään 48 pikseliä, eli 24 pistettä PowerPointin oletuskoossa, ja otsakkeiden noin 88:sta 112 pikseliin. Käytä yhtä perhettä tai yhtä otsakefonttia ja yhtä leipätekstifonttia. Loput oppaasta auttaa pitämään valinnat luettavina suuressa huoneessa ja himmeällä projektorilla.

## Mikä tekee fontista toimivan dialla

Diateksti luetaan nopeasti ja etäältä samalla, kun joku puhuu. Esitysfontti pitää tunnistaa yhdellä vilkaisulla. Neljä ominaisuutta on tyyliä tärkeämpää.

- **Suuri x-korkeus**, jotta pienaakkoset pysyvät suurina suhteessa pistekokoon.
- **Avoimet sisätilat ja aukot**, jotta e, a ja c eivät umpeudu läiskiksi pehmeällä projektorilla.
- **Erottuvat samankaltaiset merkit:** suuri I, pieni l ja numero 1 eivät saa olla samanlaisia viivoja.
- **Vankat leikkaukset:** tavallinen leikkaus kestää ympärille leviävän valon ja lihava on selvästi lihavampi.

Ohuet, kapeat, käsialamaiset ja erittäin suurikontrastiset antiikvat epäonnistuvat usein monessa näistä kerralla. Ne voivat näyttää näytöllä kauniilta ja hajota seinällä. Jos käytät niitä, säästä ne yhteen otsakesanaan. [Antiikva vai groteski](https://gradiently.design/fi/guide/serif-vs-sans-serif) selittää eroa tarkemmin.

## Esityksen fonttikoot 16:9-dioille

Pistekoot tarkoittavat eri asioita eri sovelluksissa, sillä diojen lähtökoot vaihtelevat. Pikselit 1920×1080-pohjassa ovat luotettava mitta. PowerPointin oletusarvoinen 16:9-dia on 13,33 tuumaa leveä. Yksi piste vastaa kahta pikseliä 1920 pikselin leveydessä, joten muunnos on helppo.

| Tehtävä | Pikselit koossa 1920×1080 | PowerPointin pisteet | Huomioita |
| --- | --- | --- | --- |
| Osion otsake | 120:stä 160:een | 60:stä 80:een | Muutama sana, yksi rivi |
| Dian otsake | 88:sta 112:een | 44:stä 56:een | Virketyyli, yksi tai kaksi riviä |
| Leipäteksti ja luettelot | 48:sta 64:ään | 24:stä 32:een | Ei koskaan alle 48 px |
| Suuri luku | 200:sta 320:een | 100:sta 160:een | Yksi dialla |
| Nimikkeet ja kaavioiden teksti | 36:sta 44:ään | 18:sta 22:een | Lihavointi auttaa |
| Lähteet ja alaviitteet | 28:sta 32:een | 14:stä 16:een | PDF:ää, ei salia varten |

Käytännön koot 1920×1080-dialle. Jos teksti mahtuu vain pienemmässä koossa, dialla on liikaa tekstiä.

Pidä riviväli hieman painettua tekstiä väljempänä, leipätekstissä noin 1,2:sta 1,3:een. Pidä rivit lyhyinä: kuudesta kymmeneen sanaa riittää näissä ko’oissa. [Rivikorkeus ja rivin pituus](https://gradiently.design/fi/guide/line-height-and-line-length) kertoo miksi.

- Diat 16:9 1920×1080: 1920 × 1080
- Diat 4:3 1600×1200: 1600 × 1200

Kaksi diamuotoa mittakaavassa. Useimmat näytöt ja projektorit ovat nyt 16:9. Käytä 4:3:a vain, jos tiedät tilan projektorin tarvitsevan sitä.

## Fonttiparit esityksiin

Esitys kaipaa vähemmän vaihtelua kuin verkkosivusto. Yksi perhe tavallisena, puolilihavana ja lihavana riittää usein. Jos haluat enemmän luonnetta, käytä otsakkeissa näyttöfonttia ja muualla selkeää groteskia. Kaikki nämä ovat ilmaisia [Google Fontsissa](https://fonts.google.com/), joten ne toimivat myös Google Slidesissa ilman asennusta.

| Otsakkeet | Leipäteksti | Vaikutelma |
| --- | --- | --- |
| Inter Bold | Inter Regular | Neutraali, tuotemainen, hyvin luettava |
| Atkinson Hyperlegible Bold | Atkinson Hyperlegible | Heikkonäköisille suunniteltu, sopii suuriin saleihin |
| Space Grotesk | IBM Plex Sans | Tekninen, moderni, hieman omintakeinen |
| Fraunces | Source Sans 3 | Lämmin, toimituksellinen, sopii tarinoihin |
| DM Serif Display | DM Sans | Vakuuttava, klassinen, myyntiin sopiva |
| Archivo Black | Archivo | Voimakas, julistemainen, päälavan energiaa |

Kuusi varmaa paria. Antiikvanäyttöfontti sopii otsakkeisiin vähintään 88 px:n koossa. Pidä leipäteksti groteskina.

Lisää yhdistelmiä löydät [Google Fontsin fonttipareista](https://gradiently.design/fi/guide/google-fonts-pairings) ja valintojen perustelut [fonttien yhdistämisestä](https://gradiently.design/fi/guide/font-pairing).

## Kontrasti, värit ja projektorin ongelma

Projektori nostaa mustan harmaaksi ja latistaa värejä etenkin valoisassa huoneessa. Vaaleanharmaa leipäteksti ja keskisävyinen väri toisella värillä voivat kadota, vaikka ne näyttävät kannettavalla hienovaraisilta. Tavoittele selvästi vähimmäistä suurempaa kontrastia: tumma teksti vaalealle pohjalle tai vaalea syvälle pohjalle. Pidä kontrasti vahvana kaikkialla sanojen alla. [Värikontrasti ja saavutettavuus](https://gradiently.design/fi/guide/color-contrast-accessibility) kertoo suhteet.

16:9-tulosdia, jonka suuren luvun takana kulkee taustan väri

Tausta kulkee suoraan sanojen takana. Kannettavalla toimiva ratkaisu on riski haalistavalla projektorilla.

Sama tulosdia, jossa luvun ja kuvatekstin takana on rauhallinen, vahvan kontrastin alue

Sama dia, jonka sanojen takana on rauhallisempi ja vahvemman kontrastin alue. Se kestää valoisan huoneen.

Gradiently hoitaa tämän liukuväridialla: Mark siirtää rauhallisimman ja parhaan kontrastin alueen sanojen taakse. Automaattinen muste valitsee vaalean tai tumman tekstin riveittäin. Sivut toimivat esityksenä koossa Diat 16:9 tai 4:3. Otsakedia ja lukudia jakavat saman taustan ilman jatkuvaa säätämistä.

## Vältä puuttuvat fontit esityspäivänä

Esityskoneelta puuttuva fontti korvataan huomaamatta toisella, usein leveämmällä. Rivinvaihdot rikkoutuvat ja teksti voi siirtyä dian ulkopuolelle. Suunnittele sille koneelle, jolta todella esität.

### Vältä

- Oletus, että tilan kannettavalla on fonttisi
- Alle 300:n ohut leikkaus missään tekstissä
- Alle 48 px:n leipäteksti tilan säästämiseksi
- Kolme tai useampi fonttiperhe yhdessä esityksessä
- Harmaa teksti keskisävyisellä taustalla

### Tee näin

- Upota fontit, käytä Google Fontsia Slidesissa tai tuo PDF
- Tavallinen tai vahvempi leipätekstille, lihava korostuksiin
- Jaa ahdas dia kahdeksi
- Yksi perhe tai yksi otsake- ja yksi leipätekstifontti
- Vahva kontrasti oikealla projektorilla testattuna

## Näin testaat dian takarivin näkymän

1. **Pienennä neljäsosaan** Katso diaa 25 %:n zoomauksella tai pikkukuvana diojen lajittelussa. Jos leipäteksti näkyy yhä, sen voi lukea useimpien huoneiden takaosasta.
2. **Seiso kolmen metrin päässä kannettavasta** Koko näytön dia kannettavalla kolmen metrin päästä vastaa melko hyvin kokoushuoneen takarivin näkymää.
3. **Laske kirkkautta** Puolita näytön kirkkaus jäljitelläksesi projektoria. Heikon kontrastin teksti paljastuu heti.
4. **Laske sanat** Jos dia tarvitsee yli noin 30 sanaa, ylimääräinen teksti kuuluu puhujan muistiinpanoihin tai jaettavaan materiaaliin.

Typografian taustoja käsittelee [esitystaustat](https://gradiently.design/fi/guide/presentation-backgrounds). Sijoittajaesityksiin sopii [pitch deckin suunnittelu](https://gradiently.design/fi/guide/pitch-deck-design).

## FAQ

### Mikä on paras fontti esitykseen?

Selkeä groteski, jossa on avoimet muodot ja korkea x-korkeus, kuten Inter, Source Sans 3, IBM Plex Sans tai Atkinson Hyperlegible. Dialla selkeys on luonnetta tärkeämpää.

### Mitä fonttikokoa käytän PowerPointissa?

Oletusarvoisella 16:9-dialla vähintään 24 pistettä leipätekstille ja noin 44:stä 56 pisteeseen otsakkeille. Lähteet ja alaviitteet voivat olla 14:stä 16 pisteeseen.

### Käytänkö dioissa antiikvaa vai groteskia?

Käytä leipätekstissä groteskia, joka kestää etäisyyttä ja projektoria paremmin. Vankka antiikvanäyttöfontti voi toimia suurissa otsakkeissa.

### Kuinka monta fonttia esitys tarvitsee?

Yhden tai kaksi. Yksi perhe muutamalla vahvuudella on varmin. Otsakkeiden näyttöfontti ja leipätekstin groteski tuovat luonnetta ilman sekavuutta.

### Miksi fonttini vaihtuivat toisella tietokoneella esitettäessä?

Toiselle koneelle ei ollut asennettu fonttejasi, joten se korvasi ne muilla. Upota fontit, käytä Google Fontsia Google Slidesissa tai esitä PDF:stä.