Cauta rapid aici ↑

CSS -- FONT-URI

Font Family

In CSS avem posibilitatea sa alegem tipul de font pe care vrem sa fie afisat textul nostru din documentul HTML. Pentru a putea realiza acest lucru limbajul CSS vine cu proprietatea font-family si care va avea ca valoare urmatoarele tipuri de fonturi acceptate de toate browserele, acestea sunt optiunile default:

  • Verdana, Geneva, sans-serif
  • Georgia, Times New Roman, Times, serif
  • Courier New, Courier, monospace
  • Arial, Helvetica, sans-serif
  • Trebuchet MS, Arial, Helvetica, sans-serif
  • Arial Black, Gadget, sans-serif
  • Times New Roman, Times, serif
  • Palatino Linotype, Book Antiqua, Palatino, serif
  • Lucida Sans Unicode, Lucida Grande, sans-serif
  • MS Serif, New York, serif
  • Lucida Console, Monaco, monospace
  • Comic sans MS, cursive

Font Style

Cu aceasta proprietate putem afisa textul nostru in trei valori distincte:

  • normal → afiseaza textul normal
  • italic → afiseaza textul inclinat spre dreapta
  • oblique → similar cu italic insa mai putin suportat de catre browsere

Font Size

Setarile de baza ale unui text in privinta dimensiuni, indiferent ca este un titlu sau un paragraf, sunt date de tag-ul HTML in care sunt acestea. Pentru afisarea unui text cu rol de titlu vom folosi unul dintre tag-urile pereche <h2></h2> si pana la <h6></h6> si cum binenteles stim tag-ul h2 afiseaza textul pe dimensiunea cea mai mare iar h6 afiseaza textul pe dimensiunea cea mai mica si este cel mai putin important. In cazul unui paragraf, lucrurile sunt mult mai simple si asta pentru ca tag-ul ce afiseaza un paragraf <p></p> are o setare standard a dimensiunii fontului.

Cu ajutorul proprietatii CSS ==> font-size putem alege, seta dimensiunea unui titlu sau a unui paragraf la dimensiunea dorita de noi. Valorile pentru aceasta proprietate pot fi de 12 feluri si primele 3 sunt cele mai folosite, pe care le voi si comenta, restul se subantelege de la sine.

  • procente → de la 0 % la 100 %
  • pixeli → va seta dimensiunea textului la numarul de pixeli doriti
  • em → este o unitate de masura iar 1 em === numarul de pixeli pe care il are acel text in setarea default sau data de noi
  • »» EXEMPLU SETARI DEFAULT → Titlu h2 == 2.5em , Titlu h2 == 1.875em si Paragraf p == 0.875em ««
  • x-small
  • xx-small
  • small
  • smaller
  • medium
  • large
  • larger
  • x-large
  • xx-large

Toate proprietatile CSS pentru Font-uri

PROPRIETATEDESCRIERE
  
fontSeteaza toate proprietatile pentru font-uri intr-o singura declaratie
font-familySpecifica ce familie de font va fi aplicata pe text
font-sizeSpecifica dimensiunea fontului pe care o va avea textul
font-styleSpecifica stilul font-ului
font-variantSpecifica daca un text va fi afisat sau nu cu litere mici
font-weightSpecifica o asa zisa greutate a unui font