Fonturi CSS. Mărimea fontului. Proprietatea font-size. Valoarea font-size: absolută sau relativă. Setarea dimensiunii fontului cu pixeli.

Marimea fontului (Font Size)

Proprietatea font-size stabilește dimensiunea textului.

Posibilitatea de a gestiona dimensiunea textului este importantă în proiectarea web. Cu toate acestea, nu ar trebui să utilizați ajustări de dimensiune a fontului pentru a face ca paragrafele să arate ca titluri sau rubricile să pară paragrafe.
Utilizați întotdeauna etichetele HTML adecvate, cum ar fi <h1> - <h6> pentru titluri și <p> pentru paragrafe.
Valoarea font-size poate fi o dimensiune absolută sau relativă.

Dimensiune absolută:

• Setează textul la o dimensiune specificată.
• Nu permite utilizatorului să modifice dimensiunea textului în toate browserele (greșit din motive de accesibilitate).
• Dimensiunea absolută este utilă atunci când dimensiunea fizică a ieșirii este cunoscută.

Mărime relativă:

• Setează dimensiunea în raport cu elementele din jur.
• Permite unui utilizator să modifice dimensiunea textului în browsere.

Notă: Dacă nu specificați o dimensiune a fontului, dimensiunea implicită pentru textul normal, cum ar fi alineatele, este 16px (16px = 1em).

Setarea dimensiunii fontului cu pixeli

Setarea dimensiunii textului cu pixeli vă oferă un control complet asupra dimensiunii textului:

Exemplu:

h1 {
  font-size: 40px;
}

h2 {
  font-size: 30px;
}

p {
  font-size: 14px;
}

Sfat: Dacă utilizați pixeli, puteți utiliza în continuare zoom tool pentru a redimensiona întreaga pagină.