Teme: Grafički dizajn

Standardna veličina slova na veb strani

Skraćena veza: http://pedja.supurovic.net/veza/8003

U štampi na papiru, standard je da veličina slova bude 12 tačaka (12pt, point). To se smatra dobrom veličinom koja obezbeđuje čitkost štampanog teksta.

Štamparima je lako da tako urade jer oni rade sa jasnim, apsolutnim dimenzijama. A šta raditi sa veb sajtom koji se prikazuje na raznovrsnim uređajima veoma različitih veličina i rezolucija ekrana, tako da jedino što je sigurno, to je da su dimenzije relativne i nikada nisu sigurne.

font

Preporuka je da primenite iste dimenzije kao i u štampi – 12pt, dakle oblikovanje strane započnite sledećim stilom:

body {
  font-size: 12pt;
}

Jedan piksel odgovara 0.75pt, tako da možete umesto veličine od 12pt da stavite istu veličinu izraženu u pikselima – 16px.  U stvari, i bolje je da koriste veličinu  izraženu u pikselima jer ona održava stvarnu prirodu medija na kome se sadržaj prikazuje. Za razliku od piksela, tačka pripada štampanom svetu.

A ostalo?

Ostale veličine u tekstu su uslovljene osnovnom veličinom slova. Evo nekih pravila kojih nije loše da se držite:

– Sve ostale veličine treba da budu relativne u odnosnu na osnovnu – definišite relativne odnose veličina, a ne apsolutne veličine. To obezbeđuje, da ako promenite osnovnu dimenziju, sve ostale će se prilagoditi  i zadržati iste odnose.

– Visina reda treba da bude 1.2em, to jest, 20% veća od veličine slova.

– Pripremite još dve veličine slova: manja slova (75% veličine osnovnog teksta, 12px) i veća slova (125% veličine osnovnog teksta, 20px). Ove veličine izrazite relativno, u procentima ili em. Možete ih izraziti i u pikselima, ali ako promenite osnovnu veličinu teksta moraćete i ove dve da uskladite. Izbegavajte da u tekstu koristite više od tri veličine slova.

Nemojte se slepo držati ovih preporuka. Neki tipovi slova izgledaju manje ili veće pa osnovna veličina od 12px ne mora da bude i najbolja u pogledu čitkosti.


Podelite ovaj članak sa prijateljima


Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Popunite izraz tako da bude tačan: *