Typografia

Otsikot

Otsikoissa käytetään Roboto-fonttia. Tekstin paksuus on 400 regular. Printtimediassa käytetään lihavoitua fonttia.

Pienempien elementtien ja alemman tason otsikoissa käytetään myös Roboto -fonttia. Tekstin koko sovitetaan aina kontekstin ja luettavuuden ehdoilla.

Vaihtoehtoiseksi fontiksi tarjotaan aina Helveticaa, Arialia ja selaimen omaa sans-serif -fonttia.

Otsikoissa ei käytetä pelkkiä isoja kirjaimia.

.title { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 400; }

Leipäteksti

Roboto -fonttia käytetään myös kaikkialla tavallisessa tekstissä: leipätekstissä, painikkeisssa, listoissa jne.

Roboton vaihtoehtoiseksi fontiksi tarjotaan aina Helveticaa, Arialia ja selaimen omaa sans-serif -fonttia. Eli samaa kuin otsikoissa.

.text { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 400; } .text--medium { font-weight: 500; } .text--bold { font-weight: 700; }

Fontit

On suositeltavaa ladata fontit suoraan Google Fontsista. API:ssa ei ole käyttörajoitteita ja mahdolliset päivitykset tulevat automaattisesti näkyviin.

Roboto regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Roboto medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Roboto Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Tallenna paikallisesti asennettavat fontit