Ce face font-weight
font-weight controlează cât de groase sau subțiri sunt trăsăturile literelor.
Se pot folosi cuvinte cheie (normal = 400, bold = 700) sau valori numerice de la 100 (thin) până la 900 (black).
Pentru ca valorile intermediare (cum ar fi 500 sau 600) să aibă efect, este obligatoriu ca fontul încărcat să aibă disponibile acele greutăți (sau să fie un font variabil modern).
Valori uzuale
| Valoare | Descriere |
|---|---|
400 / normal |
Grosimea standard a textului obișnuit. |
700 / bold |
Text îngroșat (caractere accentuate). |
100 - 900 |
Scara numerică completă a grosimilor de font. |
Exemple
Exemplul 1: Ierarhie vizuală prin greutăți diferite de font
Semi-bold (600) oferă o eleganță modernă titlurilor fără a fi prea agresiv.
.subtitlu {
font-weight: 600;
color: #334155;
}
.text-usor {
font-weight: 300;
}Efect vizual în browser
Subtitlul apare semi-îngroșat și rafinat, iar textul ușor are o linie fină subțire.Greșeli frecvente
- Setarea de valori numerice precum 300 sau 600 când fontul descărcat are doar variantele 400 și 700; browserul va simula artificial grosimea, ceea ce poate deforma literele.
Comenzi înrudite
font-family: Stabilește familia de fonturi folosită pentru afișarea textului, cu variante de rezervă (fallback).font-size (rem, em, px, clamp): Stabilește dimensiunea textului; se recomandă unități rem pentru respectarea preferințelor utilizatorului.