Co to jest font-weight?

Typowe wartości dla właściwości font-weight CSS to normal, bold, lighter i bolder.

Użycie „normalnego” słowa kluczowego ustawi wagę czcionki na 400. Waga czcionki „bold” będzie miała wartość 700.

Wartości „lighter” czy „bolder” są względne w stosunku do elementu nadrzędnego. „Lighter” będzie o jeden stopień font-weight lżejszy lub cieńszy niż element nadrzędny. Wartość „bolder” funkcjonuje podobnie, ale jest o jeden stopień font-weight cięższa.

Możesz również określić wartość grubości czcionki jako liczbę. Może być od 1 do 1000, przy czym wyższe liczby oznaczają pogrubiony tekst.

Istnieją pewne powszechne nazwy wag, przy czym 100 jest używane jako „Cienka”, a 800 jako „Ekstra pogrubiona”.