CSS Fonturi
Mostenit: DA
Fontul
Proprietatile fontului pot stabili stilul, marimea, inaltimea liniei si tipul fontului folosit:
font: italic bold normal small/1.4em Verdana, sans-serif;
Exemplul de mai sus seteaza textul unui element, ca fiind italic, bold, de marime relativa, cu distanta intre linii de 1.4em si un font Verdana sau orice alt font de tipul sans-serif.
Familia de fonturi
Puteti stabili ce font va fi folosit la afisare cu ajutorul proprietatii "font-family". Aveti doua posibilitati pentru valori:
- family-name
- generic family
Daca stabiliti o anumita familie de fonturi, este bine sa specificati la sfarsit si o familie generica de fonturi. Ca si cum ar fi o lista de prioritati. Astfel incat, daca vizitatorul nu are instalate fonturile preferate de dvs, vor fi folosite fonturile din familia generica.
font-family: Verdana, sans-serif;
Marimea fontului
Marimea textului este data de proprietatea "font-size":
font-size: valoare;
Exista o multime de posibilitati pentru valoare:
- xx-large
- x-large
- larger
- large
- medium
- small
- smaller
- x-small
- xx-small
- length
- % (procent)
Sunt destule lucruri de invatat la capitolul "marime font", si vom aborda acest aspect intr-un articol dedicat.
Stilul fontului
Proprietatea "font-style" specifica stilul fontului:
font-style: valoare;
Posibilele valori pot fi:
- normal
- itailc
- oblique
Varianta fontului
Puteti stabili varianta fontului cu ajutorul proprietatii font-variant:
font-variant: valoare;
Pentru "valoare" puteti folosi urmatoarele variante:
- normal
- small-caps
Grosimea fontului
Grosimea fontului folosit este controlata de proprietatea "font-weight":
font-weight: valoare;
Posibilele valori sunt:
- lighter
- normal
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- bold
- bolder