Typografia

Kirjasintyyppi (fontti)

Suomi.fi-tyyleissä ja -käyttöliittymäkomponenteissa käytetty kirjasin Source Sans Pro on open source -fontti, eli kaikki sen leikkaukset ovat ilmaisia ja vapaasti käytettävissäsi (Open Font License). Suomi.fi Design System vastaa fontin jakelusta oman palvelimensa kautta.

Source Sans Pro -kirjasinta käyttävien verkkopalveluiden ei ole tarpeen esittää OFL-lisenssiä palvelussaan erikseen. Tämä perustuu siihen, että OFL-lisensoituja kirjasimia saa käyttää vapaasti "osana ohjelmistoa". Lisenssitekstitiedosto on kuitenkin mukana alla olevassa TTF-paketissa sekä mainintana valmiissa CSS-tiedostossa, joka sisältää webfonttimääritteet (linkki alla).

Kun koodiprojektissa on käytössä Suomi.fi-komponenttikirjasto (suomifi-ui-components), on projektissa syytä olla mukana tarvittavat webfonttimääritteet. Tämä tapahtuu helpoiten lisäämällä seuraava linkki projektin globaaliin CSS:ään.

@import url('https://designsystem.suomi.fi/fonts/source-sans-pro.css');

Leipäteksti

Käytä leipäteksteissä niille erityisesti suunniteltuja tekstikomponentteja Text ja Paragraph

Otsikot

Käytä otsikoissa niille erityisesti suunniteltua Heading-komponenttia