# Käsialafontit: milloin ne toimivat ja milloin eivät

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

Käsialafontti voi saada kortin tuntumaan käsinkirjoitetulta tai logon lämpimältä. Se voi myös tehdä ruokalistasta lukukelvottoman. Ero syntyy pituuden, koon ja ladonnan muutamasta säännöstä.

## The short version

- Käsialafontit jäljittelevät käsinkirjoitusta tai kalligrafiaa vinoin ja usein yhteen liittyvin kirjaimin.
- Käsialafontit ovat luettavia nimessä, yksittäisessä sanassa tai lyhyessä ilmauksessa, mutta huonoja lauseissa ja kappaleissa.
- Käsialafontteja ei pidä latoa pelkin suuraakkosin: isot kirjaimet on suunniteltu sanojen alkuun, ei peräkkäisiksi riveiksi.
- Useimmat käsialafontit tarvitsevat groteskia suuremman koon, usein vähintään kaksinkertaisen leipätekstiin nähden.
- Käsialafontti toimii parhaiten selkeän antiikvan tai groteskin parina, joka hoitaa kaiken muun tekstin.

**Käsialafontit** jäljittelevät käsinkirjoitusta muodollisesta kalligrafiasta rentoon sivellintekstiin. Ne toimivat yhdessä lyhyessä asiassa: nimessä, sanassa, allekirjoituksessa tai kahden sanan tervehdyksessä. Ne eivät toimi lauseissa, suuraakkosin, pieninä tai vilkkaalla taustalla, koska vinot yhteen liittyvät kirjaimet erottuvat toisistaan huonommin kuin antiikvan tai groteskin pystyt muodot. Käytä käsialaa mausteena, älä pääruokana. Se tuo lämpöä menettämättä lukijoita.

## Käsialafonttien päätyypit

Käsialafonttien perhe on laaja. Jokainen tyyppi tuo eri sävyn, ja jotkin ovat paljon luettavampia kuin toiset. Kaikki alla olevat esimerkit ovat ilmaisia Google Fontsissa.

| Tyyppi | Ulkonäkö | Ilmaiset esimerkit | Luettavuus |
| --- | --- | --- | --- |
| Muodollinen | Copperplate-kalligrafia, ohuet viivat, tasainen kallistus | Pinyon Script, Great Vibes, Petit Formal Script | Heikko lauseissa, sopiva nimissä |
| Sivellin | Maalatut paksut ja ohuet vedot, energinen | Kaushan Script, Yellowtail, Pacifico | Kohtalainen suurena |
| Tasavahva | Tasainen viiva ja pieni kontrasti, kuin huopakynä | Sacramento, Dancing Script | Kohtalainen, muodollista parempi |
| Käsinkirjoitettu | Arkinen käsiala, usein erilliset kirjaimet | Caveat, Kalam, Shadows Into Light | Hyvä, luettavin käsialatyyppi |
| Allekirjoitus | Nopea, korkea, rento nimikirjoitus | Mrs Saint Delafield, Herr Von Muellerhoff | Heikko, vain yksi tai kaksi sanaa |

Viisi tyyppiä muodollisimmasta rennoimpaan. Erilliskirjaiminen käsiala on turvallisin, kun tarvitset muutamaa sanaa enemmän.

## Milloin käsialafontit toimivat

- **Nimet**, kuten parin nimet hääkutsussa tai henkilön nimi kiitoskortissa.
- **Yksi tunnelmaa kantava sana**, kuten Tervetuloa, Kiitos, Tuore tai Ale, suurena.
- **Allekirjoitusrivi** viestin tai julkaisun lopussa henkilökohtaisena eleenä.
- **Lyhytnimiset logot**, etenkin leipomoille, kukkakaupoille, kampaamoille ja paperituotteille, kunhan nimi säilyy luettavana pienessä koossa.
- **Korostukset muuten pelkistetyssä asettelussa**, jossa käsialan ja groteskin ero on pääasia.

Pystysuuntainen kiitosjulkaisu, Kiitos suurena ja selkeä lisärivi alapuolella

Lyhyt tervehdys sopii käsialafontille ihanteellisesti. Alla oleva lisärivi kuuluu selkeään groteskiin.

Ennakkokutsu, jossa Sophie ja Daniel ovat päivämäärän ja paikan yläpuolella, lisätiedot pienin suuraakkosin

5×7 tuuman ennakkokutsu. Nimet sopivat käsialaan, mutta päivän ja paikan on oltava heti luettavia: käytä suuraakkosia tai antiikvaa.

## Milloin käsialafontit eivät toimi

### Vältä

- Kappaleita, ruokalistoja tai hintoja käsialalla
- Käsialaa PELKIN SUURAAKKOSIN
- Käsialaa alle noin 2× leipätekstin koossa
- Lisävälistystä, joka katkaisee kirjainten liitokset
- Käsialaa vilkkaan kuvan tai kuvion päällä
- Kahta eri käsialafonttia yhdessä työssä

### Tee näin

- Yksi käsialailmaus, kaikki muu groteskilla tai antiikvalla
- Käsiala tavallisin isoin ja pienin kirjaimin
- Suuri koko, usein 2 tai 3× leipäteksti
- Ei lisävälistystä, jotta kirjaimet liittyvät yhteen
- Rauhallinen, tasainen alue käsialan taakse
- Yksi käsialafontti johdonmukaisesti

Suuraakkoset ovat yleisin virhe. Käsialafonttien isot kirjaimet on suunniteltu silmukoineen ja koristevetoineen sanan alkuun. Rivi niitä muodostaa vaikeasti luettavan sotkun. Toinen virhe on kirjainvälistys: yhdistyvät kirjaimet on piirretty liittymään seuraavaan, joten lisävälistys jättää viivaan aukkoja. Käytä suuraakkosiin antiikvaa tai groteskia ja lue [suuraakkosten typografia](https://gradiently.design/fi/guide/all-caps-typography).

## Näin pidät käsialafontin luettavana

1. **Rajoita muutamaan sanaan** Viisi sanaa on järkevä yläraja muodolliselle tai sivellinfontille. Caveatin kaltaiset käsinkirjoitetut fontit voivat kantaa lyhyen lauseen.
2. **Käytä suurta kokoa** Käsialafonttien pienet kirjaimet ovat fonttikokoon nähden pieniä. Käytä 1080 px:n julkaisussa vähintään 100 px:n käsialaa. Katso [Instagram-julkaisun fonttikoko](https://gradiently.design/fi/guide/font-size-for-social-media).
3. **Valitse näytölle vahvempi leikkaus** Muodollisen käsialan hiusviivat katoavat julkaisun pakkaamisessa. Valitse perhe, jossa on vahvempia leikkauksia, tai tasavahva tai sivellinmäinen tyyli.
4. **Anna rauhallinen kontrasti** Käsialassa on ohuita viivoja ja monimutkaisia ääriviivoja. Aseta se taustan rauhallisimpaan kohtaan vahvalla vaalean ja tumman kontrastilla.
5. **Testaa ensilukemalla** Näytä sommittelu kahden sekunnin ajan jollekulle, joka ei ole nähnyt sitä. Jos käsialasana ei selviä, vaihda fonttia tai kokoa.

## Käsialafonttien yhdistäminen

Käsiala tarvitsee rauhallisen parin. Yhdistelmä toimii eron ansiosta: toinen on virtaava ja henkilökohtainen, toinen pysty ja selkeä. Vältä koristeellista otsikkofonttia käsialan parina, sillä kaksi persoonaa huutaa toistensa päälle. [Fonttien yhdistäminen](https://gradiently.design/fi/guide/font-pairing) käsittelee yleiset säännöt.

| Käsialafontti | Pari | Tunnelma |
| --- | --- | --- |
| Pinyon Script | Cormorant Garamond | Muodollinen, romanttinen, hääpaperit |
| Great Vibes | Montserrat suuraakkosin | Klassinen modernilla sävyllä |
| Pacifico | Nunito | Rento, ystävällinen, ranta |
| Kaushan Script | Oswald | Energinen, urheilullinen, katuruoka |
| Caveat | Inter | Muistiinpanot, vinkit ja rennot somejulkaisut |
| Sacramento | Jost | Kevyt, ilmava kauneus ja hyvinvointi |

Kuusi paria ilmaisista Google Fonts -fonteista. Käsiala kantaa yhden ilmauksen, pari kaikki lisätiedot.

## Käsialafontit verkossa

Monissa käsialafonteissa on vaihtoehtoisia kirjaimia ja ligatuureja, jotka tekevät liitoksista luontevampia. Selain ottaa yleensä tavalliset ligatuurit ja kontekstuaaliset vaihtoehdot käyttöön oletuksena. Niiden määrittely säilyttää ne myös tyylinollauksen jälkeen. Koristevedot ja tyylijoukot otetaan käyttöön [font-feature-settings](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings) -ominaisuudella vain, jos fontti sisältää ne.

```css
.script {
  font-family: "Great Vibes", "Snell Roundhand", cursive;
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  line-height: 1.2;           /* tall loops need room */
  letter-spacing: 0;          /* never track a connected script */
  text-transform: none;       /* never all caps */
  font-feature-settings: "liga" 1, "calt" 1;
}
```

Pidä `letter-spacing` nollassa ja `text-transform` pois käytöstä. Yleinen `cursive`-varafontti säilyttää käsinkirjoitetun ilmeen fontin latautuessa.

Somejulkaisuissa käsialan suurin haaste on kontrasti, koska ohuet vedot kulkevat monien taustasävyjen yli. Gradientlyn Markit siirtävät rauhallisimman alueensa sanojen taakse ja valitsevat vaalean tai tumman musteen riveittäin. Herkkä käsiala saa näin tarvitsemansa tasaisen pohjan. Hienostuneita fontteja esittelee [elegantit fontit](https://gradiently.design/fi/guide/elegant-fonts), ja piirrettyjä kirjaimia [lettering ja typografia](https://gradiently.design/fi/guide/lettering-vs-typography).

## FAQ

### Mikä on käsialafontti?

Käsinkirjoitusta tai kalligrafiaa jäljittelevä fontti, jossa on yleensä vinot ja usein yhteen liittyvät kirjaimet. Tyylit vaihtelevat muodollisesta kalligrafiasta rentoon sivellintekstiin.

### Voiko käsialafonttia käyttää pelkin suuraakkosin?

Ei. Isot kirjaimet on suunniteltu sanojen alkuun, ja peräkkäinen rivi niitä on hyvin vaikea lukea. Käytä suuraakkosiin antiikvaa tai groteskia.

### Mikä on luettavin käsialafontti?

Erilliskirjaimiset käsinkirjoitetut fontit, kuten Caveat ja Kalam, ovat luettavimpia. Seuraavina tulevat tasavahvat käsialat, kuten Dancing Script.

### Sopivatko käsialafontit logoihin?

Voivat sopia lyhyisiin nimiin lämpimillä ja henkilökohtaisilla aloilla, kuten leipomoissa, kukkakaupoissa ja kampaamoissa. Testaa logo pienenä, sillä käsiala menettää yksityiskohdat ensin.

### Mikä fontti sopii käsialafontin pariksi?

Rauhallinen antiikva tai groteski, kuten Cormorant Garamond, Montserrat tai Inter. Anna käsialan kantaa yksi ilmaus ja parin kaikki muu.