Juuri ollaan toivuttu mahdollisuudesta käyttää värillisiä fontteja, ja taas tulee uutta! Adobe otti käyttöön variable (suomeksi muuttuva, vaihteleva) fontit. Vaikka otsikossa mainitaan vain Adobe, on tekniikka Applen, Googlen, Microsoftin ja  Adoben yhteishanke. Variable fontti on OpenType-muotoa, ja sen avulla fontin muuttaminen, personointi onnistuu helposti. Voit muuttaa mm seuraavia ominaisuuksia: leveyttä, optista kokoa, paksuutta ja kallistusta. Lyhyt demo Illustratorista:

Tyyppi tulee varmasti yleistymään nopeasti kun yhä useammat suunnittelijat ottavat tekniikan omakseen, mutta pääset jo kokeilemaan niitä muutamalla fontilla, jos päivität vaikkapa Illustratorin uusimpaan versioonsa. Tunnistat muuttuvat tapaukset aina fontin tyyppimerkinnän päällä olevasta VAR-lyhenteestä:

Seuraavat muuttuvat fontit on sisällytetty päivitykseen:

Source Sans Variable

Source Serif Variable

Source Code Variable

Acumin Variable Concept

Minion Variable Concept

Myriad Variable Concept

Mitä näillä fonteilla saavutetaan?

Voit määritellä useita ominaisuuksia, mutta mitä tarkalleen riippuu pitkälti valitusta fontista ja mitä sen tekijä on suunnitellut.

Fontin paksuus

Säätelet ominaisuuksia liukusäätimellä, joihin pääset esim Properties-paneelissa käsiksi painamalla ensin More options-kuvaketta (kolme pistettä) ja sitten aukeavan ikkunan yläosassa Variable font-kuvaketta. Tässä esimerkkinä Acumin ja sen paksuus:

Minionissa voit lisäksi muuttaa optista kokoa. Alla ylhäällä 6, alempana 36:

Leveys

Sen lisäksi että voit normaalisti välistää, voit myös asettaa kirjaimen leveyden ja kontrolloida kirjoitusta täysin esim fonttien Acumin ja Myriad kohdalla. Alla Acumin leveydellä 50 ja 115:

Kallistus

Tarvitsetko enemmän kallistusta kuin mitä kursivointi antaa? Acuminilla arvot 7,8 ja 12:

Tämä oli lyhyt johdatus aiheeseen, jos olet kiinnostunut lukemaan asiasta enemmän ja syvemmälle menevää tietoa, tsekkaa tämä artikkeli. Entä kiinnostaako tämän tekniikan käyttö nettisivuilla?