««« | »»»

Scala tipografica con YUI

Questo vec­chio arti­colo di Mark Boulton prende le mosse dalla tra­di­zio­nale scala tipo­gra­fica, ormai in uso da qual­che cen­ti­naio di anni.

In quell’articolo ne viene pro­po­sta una ver­sione per il web, tenendo conto delle pecu­lia­rità del medium. la scala è la seguente:

11px /16.5px — Body copy and lea­ding.
24px — Main hea­ding used as sec­tion hea­dings on the Homepage, Portfolio home­page and entries.
18px — Headings for jour­nal entries and port­fo­lio sub­hea­dings.
16px — All navi­ga­tio­nal and con­tent ter­tiary hea­dings.
13px — All other hea­ded elements.

Usando la scala di YUI ecco la mia ver­sione, pen­sata per usare come dimen­sione del testo nei para­grafi un valore di 13px/1.231em:

/* 24px */
h1 { font-size: 182%; }
/* 21px */
h2 { font-size: 161.6%; }
/* 18px */
h3 { font-size: 138.5%; }
/* 16px */
h4 { font-size: 123.1%; }

Curiosità: in entrambe le scale viene usato l’equivalente di 13px, che è l’unica dimen­sione — in punti — assente nella scala ori­gi­na­ria fra 6 e 14pt.

Per proseguire

Commenti e trackback sono disabilitati.

• Tweets, 2012-02-05
• Tweets, 2012-01-29
• Tweets, 2012-01-22
• Tweets, 2012-01-15
• Tweets, 2012-01-08