Fonttipari-ehdotukset – otsikko- ja leipätekstifontit, jotka sopivat yhteen
Valitse tyyli, niin saat otsikko- ja leipätekstifontin parin, esikatselun suomenkielisellä tekstillä ja valmiin CSS:n. Kaikki fontit ovat Google Fontsissa ilmaiseksi, ja niissä on ääkköset.
Tyylejä on yhdeksän: moderni, klassinen, elegantti, leikkisä, asiallinen, pelkistetty, rohkea, vintage ja ilman latausta, jossa käytetään laitteiden omia fontteja. Esikatselu näyttää ensin laitteesi korvaavat fontit. Oikeat fontit ladataan Googlelta vasta, kun painat nappia; silloin selaimesi IP-osoite välittyy Googlelle. Fonttien nimet, luokat ja paksuudet on tarkistettu Google Fontsin omista tiedoista.
Miten valita fonttipari verkkosivulle?
Otsikko saa erottua, leipätekstin pitää olla helppolukuinen pienessäkin koossa. Pääteviivallinen otsikko ja pääteviivaton leipäteksti, kuten Playfair Display ja Source Sans 3, on turvallinen yhdistelmä. Pelkistetyssä tyylissä riittää yksi perhe kahtena paksuutena. Jokainen fontti ja paksuus kasvattaa latausta, ja Google Fontsin avoimet lisenssit sallivat fonttien lataamisen omalle palvelimelle, jolloin kävijöiden tiedot eivät mene Googlelle.
Ladataan työkalua...
Etkö tiedä mihin ryhtyä seuraavaksi? Selaa kaikki työkalut
Hae työkalua →Fonttipari-ehdotukset antaa valmiita otsikko- ja leipätekstifonttien pareja esikatseluineen ja CSS-koodeineen.
Valitse tyyli, selaa pareja tai arvo uusi. Voit kirjoittaa esikatseluun oman otsikon.
- 43 paria yhdeksässä tyylissä, myös ilman ladattavia fontteja.
- Valmis CSS: Google Fontsin @import ja font-family-säännöt oikealla varafontilla.
- Esikatselu suomenkielisellä tekstillä, jossa on ä, ö ja å.
Pari on lähtökohta, ei sääntö.
- Testaa fontteja omalla sisällölläsi ja oikeissa koissa.
- Pääteviivallinen ja pääteviivaton yhdessä luovat selvän eron otsikon ja tekstin välille.
- Ennen latausta näet korvaavan fontin, joten ulkoasu ei vielä vastaa lopullista.
Google Fonts -lataus kertoo IP-osoitteesi Googlelle.
- Siksi fontit ladataan vain napista ja vain tätä käyntiä varten.
- Omalla sivullasi voit ladata fontit omalle palvelimelle (OFL- ja Apache-lisenssit sallivat).
- Lähteet: Google Fonts CSS API v2; google/fonts-repositorio (METADATA.pb), tarkistettu 28.9.2026.