Typografia

Niin mainonnassa, taitetuissa esitemateriaaleissa kuin käyttöliittymäsuunnittelussa käytetään ensisijaisesti Fonecta-fonttiperhettä.

Fonecta-kirjasimen käyttö
Vaihtoehtoiset kirjasimet
Käyttöliittymät

Fonecta-kirjasimen käyttö

Fonecta-kirjasinperhe on muotoiltu Fonectan käyttöön. Fonecta omistaa sen kaikki käyttö- ja levitysoikeudet. Kirjasimien latomisesta ja kappaleiden muotoilusta on tehty muutamia esimerkkejä, joita kannattaa käyttää apuna (katso ohessa).

Lataa Fonecta-kirjaisin

Esitteet, e-kirjat ja vastaavat

Otsikko
Fonecta Black 83 / 64pt
Tracking – 30 — 50

Alaotsikko
Fonecta Book 44 / 38pt
Tracking – 25 — 40

Ingressi
Fonecta Light 18 / 21pt
Tracking -10

Leipäteksti
Fonecta Book 9 / 13pt
Tracking 0

Fonecta-kirjasinperhe

Vaihtoehtoisten kirjasinten käyttö

Arial-kirjasin on ensisijainen, korvaava vaihtoehto tilanteissa, joissa Fonecta-fonttia ei ole mahdollista käyttää.

Roboto-kirjasin on toissijainen, korvaava vaihtoehto tilanteissa, joissa Fonecta- eikä Arial-fontteja ole mahdollista käyttää.

Käyttöliittymät

Desktop

Asetukset

font-family: FonectaBook
font-size: 58px;
font-weight: 900;
line-height: 1.2;

font-family: FonectaBook
font-size: 38px;
font-weight: 900;
line-height: 1.2;

font-family: FonectaBook
font-size: 28px;
font-weight: 700;
line-height: 1.2;

font-family: FonectaBook
font-size: 20px;
font-weight: 700;
line-height: 1.2;

font-family: FonectaBook
font-size: 18px;
font-weight: 700;
line-height: 1.2;

font-family: FonectaBook
font-size: 16px;
font-weight: 700;
line-height: 1.2;

font-family: FonectaBook
font-size: 16px;
font-weight: 400;
line-height: 1.5;

font-family: FonectaBook
font-size: 16px;
font-weight: 700;
line-height: 1.5;

font-family: FonectaBook
font-size: 16px;
font-weight: 700;
line-height: 1.5;
text-decoration: underline;

font-family: FonectaBook
font-size: 16px;
font-weight: 700;
line-height: 1.2;

Mobiili

Asetukset

font-family: FonectaBook
font-size: 30px;
font-weight: 900;
line-height: 1.2;

font-family: FonectaBook
font-size: 26px;
font-weight: 900;
line-height: 1.2;

font-family: FonectaBook
font-size: 22px;
font-weight: 700;
line-height: 1.2;

font-family: FonectaBook
font-size: 20px;
font-weight: 700;
line-height: 1.2;

font-family: FonectaBook
font-size: 18px;
font-weight: 700;
line-height: 1.2;

font-family: FonectaBook
font-size: 16px;
font-weight: 700;
line-height: 1.2;

font-family: FonectaBook
font-size: 16px;
font-weight: 400;
line-height: 1.5;

font-family: FonectaBook
font-size: 16px;
font-weight: 700;
line-height: 1.5;

font-family: FonectaBook
font-size: 16px;
font-weight: 700;
line-height: 1.5;
text-decoration: underline;

font-family: FonectaBook
font-size: 16px;
font-weight: 700;
line-height: 1.2;