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.
[su_note note_color=”#d6dfe2″]
CSS
p { font-family: "Times New Roman", Georgia,Serif; }[/su_note]
CSS – font style si font weight
Acest format face referire la text normal, inclinat sau ingrosat.
[su_note note_color=”#d6dfe2″]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:
[su_note note_color=”#d6dfe2″]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
[su_note note_color=”#d6dfe2″]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.
[su_note note_color=”#d6dfe2″]CSS
p { font-variant: small-caps; }