Font si familii de fonturi html – Tutorial CSS

Elementele principale intr-un fisier CSS o reprezinta familiile de fonturi utilizate in constructia unei pagini web. Exista doua tipuri principale de fonturi si anume “serif” si “sans serif”. Definim liniile principale in constructia si utilizarea fonturilor in fisierele CSS.

CSS
p { font-family: "Times New Roman", Georgia,Serif; }

CSS – font style si font weight
Acest format face referire la text normal, inclinat sau ingrosat.

CSS
p { font-style: normal; }
p { font-style: italic; }
p { font-weight: bold; }



Marimea textului
Pentru a stabili marimea unui font (text) vom defini valori intr-un fisier de tip CSS dupa cum urmeaza:

CSS
h1 { font-size: 30px; }
h2 { font-size: 20px; }
p { font-size: 12px; }

O alta unitate de masura pentru marimea unui font o reprezinta masura “em” find recomandata de w3.org iar formula de calcul ar fi : 1em=16px

CSS
h1 { font-size: 1.875em; }
h2 { font-size: 1.28em; }
p { font-size: 0.85em; }

CSS – font variant
Expresia font-variant transforma textul in majuscule ceva mai mici decat cele normale. In practica aceasta expresie se foloseste mult mai putin fata de cele exemplificate mai sus.

CSS
p { font-variant: small-caps; }

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Acest sit folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.