css

Font Size (em, px, pt, etc)

Pentru a defini marimea unui font avem la indemana mai multe variante. Probabil ca ati intalnit mai multe variante de genul:

#body h2 { font-size: 1em;}

sau

#body h2 { font-size: 10px;}

sau

#body h2 { font-size: 20pt;}

sau

#body h2 { font-size: medium;}

Este crucial ce variante folosim. Voi incerca sa va explic si de ce.

• 1em se refera la marimea caracterului “M” cand browser-ul afiseaza pagina la marimea standard a textului (la fel si 1ex se refera la marimea caracterului “X”);
• 1px inseamna ca marimea fontului va fi de 1px (pixel);
• 1pt inseamna ca marimea fontului va fi de 1 punct. Aceasta este o valoare fixa pentru toate fonturile si reprezinta cca. 1/72 dintr-un inch. Uneori nu se poate folosi aceasta valoare.

Valorie relative sunt ceva de genul em, ex, px, etc iar cele fixe sunt pt, in, cm, mm, etc.

Fireste, totul depinde de context, insa va sugerez sa folositi valorile relative pentru ca pagina sa fie cat mai compatibila cu o arie mai mare de rezolutii respectiv browsere.