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.

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