Opas 04 · Valinta
Näin valitset fontin verkkosivulle
Hyvä verkkofontti ei vain näytä oikealta kuvassa. Sen täytyy toimia eri kokoisissa teksteissä, käyttöliittymässä ja hitaalla yhteydellä.
Päivitetty 29.8.2026 · 6 min lukuaika
Lyhyt vastaus
Aloita leipätekstin luettavuudesta ja tarvittavista merkeistä. Rajaa vasta sen jälkeen valikoimaa tunnelman, painojen ja teknisen koon perusteella.
01
Testaa oikealla sisällöllä
Fontin esittelylause on usein valittu näyttämään sen parhaat puolet. Kokeile sen sijaan palvelun oikeita otsikoita, pitkiä kappaleita, hintoja, päivämääriä ja painikkeita.
Katso ainakin pienintä mobiilin leipätekstiä ja suurinta työpöytäotsikkoa. Hyvä fontti säilyttää hierarkian molemmissa.
02
Rajaa roolit ja painot
Yksi laadukas perhe voi riittää koko käyttöliittymään. Jos käytät kahta, anna niille selkeät tehtävät: toinen otsikoihin, toinen leipätekstiin. Liian monet perheet kasvattavat latausta ja tekevät ilmeestä levottoman.
- Tarvittavat kielet ja erikoismerkit löytyvät.
- Normaali ja lihavoitu teksti erottuvat toisistaan.
- Numerot toimivat hinnastoissa ja taulukoissa.
- Varafontti pitää rivit mahdollisimman vakaina latauksen aikana.
03
Mittaa ennen julkaisua
Vertaa fonttitiedostojen kokonaiskokoa ja tarkista sivun lataus hitaalla yhteydellä. Fontti on osa käyttöliittymän toiminnallisuutta: jos teksti viivästyy tai asettelu hyppää, visuaalinen valinta ei ole onnistunut.
Lähteet