Font-family în css, lecții, webreference

CSS oferă mai multe proprietăți ale fontului. afectând direct vizualizarea textului. Proprietatea familiei font-ului specifică ce font să folosească.

Familii comune de fonturi

Fonturile sunt grupate în cinci familii generale:







  • serif - la sfârșitul fiecărui caracter sunt atașate linii mici;
  • sans-serif;
  • monospace;
  • cursivă;
  • fantezie.

cursive și fantezie nu sunt niciodată folosite.

Deoarece proprietatea familiei font-ului este moștenită de toți copiii HTML, puteți aplica un font pentru întregul document HTML, folosind pentru strămoșul tuturor elementelor HTML: elementul .







Cu această regulă CSS, pagina web va folosi fontul sans-serif. definită de utilizator în setările sale.

Fonturi Web fiabile

Problema cu utilizarea numelor de familii de fonturi generice este că designul paginii dvs. Web se va baza pe fontul setat de utilizator în setările sale. Dar probabil că doriți ca pagina dvs. web să pară la fel pe orice computer și doriți să determinați fontul specific care va fi utilizat. Pentru aceasta, specificați numele fontului.

Pagina dvs. web va folosi Arial, cu condiția să fie instalată pe computerul utilizatorului. Dacă fontul Arial nu este disponibil, browserul va utiliza fontul serif implicit (folosit de obicei de Times New Roman).

Arial este o alegere sigură, numai pentru că este instalată pe toate computerele Windows și Mac, precum și pe majoritatea sistemelor Linux. De aceea, Arial este considerat un font web sigur: îl puteți folosi în siguranță în CSS și puteți fi sigur că va fi instalat fontul de pe computerul utilizatorului.

Există nouă fonturi web de încredere:

  • Arial
  • Arial Black
  • Comic Sans MS
  • Curier Nou
  • Georgia
  • efect
  • Times New Roman
  • Trebuchet MS
  • Verdana

Aplicarea unei liste de fonturi

Deși folosiți oricare dintre aceste valori pentru proprietatea familiei font-ului este o alegere sigură, puteți defini valori de rezervă scriind o listă de familii de fonturi:

Când se definesc mai multe valori pentru familia de fonturi. browserul va căuta prima valoare a lui Arial și îl va folosi. Dacă Arial nu este disponibil, va fi folosit următorul font Verdana. Și, în final, dacă nu este disponibil, va fi folosit fontul implicit al browserului fără sans în mod implicit.

Este o practică bună să folosiți o familie comună ca o ultimă valoare. Dacă nu puteți defini un anumit font pentru utilizare, puteți determina cel puțin tipul de font dorit.

Deoarece designerii doresc să utilizeze mai multe fonturi originale, dar totuși doresc paginile lor web să pară la fel pe orice computer, puteți include fontul pe pagina web. Astfel, fontul va fi disponibil chiar dacă nu este prezent pe computerul utilizatorului, pur și simplu pentru că fontul va sugera site-ul.







Trimiteți-le prietenilor: