Fonturi CSS. Mărimea fontului. Proprietatea font-size. Valoarea font-size: absolută sau relativă. Setarea dimensiunii fontului cu pixeli.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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ă.