Typografia
Typografia
Suomi.fi:n typografiateema sisältää kooltaan ja tyyliltään määritellyt tekstikomponentit ja tekstitokenit.
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.
Lataa kirjasin Source Sans Pro omalle laitteellesi (TTF)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
Katso tekstikomponenttien dokumentaatioOtsikot
Käytä otsikoissa niille erityisesti suunniteltua Heading-komponenttia
Katso otsikkokomponentin dokumentaatio