Kerning: kirjainten välisten aukkojen korjaaminen

Kerning säätää kahden tietyn kirjaimen välistä tilaa niin, että sana näyttää tasaisesti välistetyltä. Jotkin muodot jättävät vierekkäin aukon: A:n vino viiva V:n vieressä tai T:n vaakaviiva pienen o:n yllä. Kerning tuo parit lähemmäs tai joskus siirtää liian tiiviin parin erilleen, kunnes välit näyttävät silmälle samoilta. Se eroaa yleisestä kirjainvälistyksestä, joka muuttaa koko rivin kaikkia välejä kerralla.

Miksi jotkin kirjainparit tarvitsevat kerningiä

Kirjasimen jokainen kirjain on näkymättömässä laatikossa, jonka kummallakin puolella on hieman tilaa. Se toimii useimmissa yhdistelmissä, kuten n:n ja o:n tai h:n ja e:n välillä. Se ei toimi, kun muoto on yhdeltä puolelta avoin. Vinot viivat, ulkonevat haarat sekä pyöreät kirjaimet suorien vieressä jättävät valkoisia taskuja, jotka näyttävät puuttuvalta kirjaimelta.

r:n ja n:n tapaus on vanhan typografivitsin pohja: liian tiukasti välistetty kerning näyttää sanalta keming. Se muistuttaa, että kerning toimii molempiin suuntiin.

Milloin välistät käsin

Hyvä kirjasin sisältää kerning-taulukon eli listan pareista ja kunkin säädöstä. Siksi leipäteksti ja useimmat käyttöliittymätekstit on jo hoidettu. Käsin välistäminen kannattaa, kun teksti on suurta tai pysyvää.

• Näytöllä noin yli 60 px:n otsikot, joissa 2 px:n väli muuttuu näkyväksi aukoksi.
• Logot ja sanalogot, jotka nähdään tuhansia kertoja kaikissa ko’oissa. Sanalogon suunnittelu käsittelee aihetta lisää.
• Pelkkä suuraakkosteksti, jossa A:n, V:n, W:n ja Y:n kaltaiset vinot muodot kohtaavat useammin.
• Julisteiden ja pikkukuvien rivit, joissa kolme tai neljä sanaa kantaa koko suunnitelman.
• Ilmaiset tai otsikkokirjasimet niukoilla kerning-taulukoilla, joissa tavallisetkin parit voivat jäädä säätämättä.

Otsikon tai sanalogon kerning silmämääräisesti

Tavoite on tasainen pinta-ala kirjainten välissä, ei yhtäläinen mitattu etäisyys. Kaksi suoraa runkoa, kuten H ja I, tarvitsevat eniten tilaa. Suora ja pyöreä, kuten H ja O, hieman vähemmän. Kaksi pyöreää, kuten O ja C, vähiten. Vinoviivat ja ulokkeet tarvitsevat eniten korjausta.

1. 1

   Aseta yleinen kirjainvälistys ensin

   Päätä koko rivin välistys ennen parien säätämistä. Jos välistät parit ja muutat sen jälkeen koko rivin välistystä, puolet työstäsi kumoutuu.

2. 2

   Työskentele kolmen kirjaimen ryhmissä

   Katso kolmea kirjainta kerrallaan ja säädä keskimmäistä, kunnes sen molemmat välit vastaavat toisiaan. Siirry sitten yhden kirjaimen verran.

3. 3

   Käännä ylösalaisin

   Käännä sana tai katso sitä peilikuvana. Kun et enää lue sitä, näet kirjainten sijaan muodot ja välit.

4. 4

   Sumenna tai siristä

   Kevyt sumennus muuttaa välit harmaiksi läikiksi. Selvästi naapureitaan vaaleampi tai tummempi läikkä paljastaa korjattavan parin.

5. 5

   Tarkista pienenä ja suurena

   Katso sanaa sen käyttökoossa ja pienimmässä esiintymiskoossa. Vain julistekoossa välistetty sanalogo voi puuroutua favicon-koossa.

6. 6

   Pidä tauko ja katso uudelleen

   Palaa tauon jälkeen. Liian pitkä tuijotus vääristää silmämääräistä kerningiä, ja tuore katse löytää liian tiukaksi puristetun parin.

Useimmissa suunnittelutyökaluissa voit välistää asettamalla kohdistimen kahden kirjaimen väliin ja siirtämällä pikanäppäimellä. Adoben sovelluksissa yksikkö on em:n tuhannesosa, joten miinus 40 tuo paria lähemmäs 4 % kirjasinkoosta koosta riippumatta.

Metrinen ja optinen kerning

Monet taittotyökalut tarjoavat kaksi automaattista tilaa. Metrinen kerning käyttää kirjasinsuunnittelijan määrittämiä pareja. Optinen ohittaa ne ja laskee välistyksen kirjainten ääriviivoista. Metrinen on hyvän kirjasimen parempi oletus, koska ihminen teki päätökset. Optinen voi pelastaa kirjasimen, jonka kerning-taulukko on huono tai puuttuu, ja auttaa kahden kirjasimen yhdistämisessä samaan sanaan.

Kerning CSS:ssä

Selaimet käyttävät kirjasimen kerningiä automaattisesti useimmissa teksteissä, mutta voit määrittää sen erikseen. font-kerning ottaa sisäiset parit käyttöön tai pois. CSS:ssä ei ole ominaisuutta yksittäisen parin säätöön, joten yhden otsikon tai logon tavallinen ratkaisu on kääriä kirjain span-elementtiin ja siirtää sitä negatiivisella marginaalilla tai kirjainvälistyksellä.

/* Use the font's own kerning pairs everywhere */
body {
  font-kerning: normal;
}

/* Hand kerning one pair in a large headline: <h1>A<span class="k-av">V</span>A</h1> */
.k-av {
  margin-inline-start: -0.06em;
}

/* Monospaced code should never be kerned */
code, pre {
  font-kerning: none;
}

Koko rivin välistys yhden parin sijaan on yleistä kirjainvälistystä, jota säädetään letter-spacing-ominaisuudella. Yleinen kirjainvälistys ja kerning selittää niiden yhteistyön rivivälin kanssa. Kirjainvälistys antaa lähtöarvot suuraakkosille, nimikkeille ja otsikoille.

Suurten tekstien harkitusta ilmeestä kertovat otsikkokirjasimet ja typografian perusteet. Liukuväri- tai tekstuuritaustalla välistys on vain puolet luettavuudesta: hyvin välistettykin sana voi hajota sen takana vaihtuvan värin vuoksi. Gradientlyn Mark siirtää rauhallisimman alueen sanojen taakse ja valitsee vaalean tai tumman musteen riveittäin, joten huolellisesti välistetty otsikko on tasaisen luettava alusta loppuun.