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