Waga czcionki {font-weight}
Jak wprowadzić czcionkę pogrubioną? Czy można wytłuścić tekst z różną intensywnością?
selektor { font-weight: waga }Natomiast jako "waga" należy wpisać:
- Wartości absolutne:
- normal - czcionka normalna (podstawowa)
- bold - czcionka pogrubiona
- 100, 200, 300, 400 (odpowiednik "normal"), 500, 600, 700 (odpowiednik "bold"), 800, 900 - każdy następny numer wskazuje wagę czcionki przynajmniej tak samo wytłuszczonej jak dla poprzedniej wartości w sekwencji
Niektóre rodziny czcionek mogą nie posiadać wszystkich dziewięciu stopni wytłuszczenia. Wiele posiada tylko wartości "normal" i "bold".
Przykład
waga normal (400)
waga bold (700)
waga 100
waga 200
waga 300
waga 400 (normal)
waga 500
waga 600
waga 700 (bold)
waga 800
waga 900
- Wartości względne:
- lighter - czcionka mniej wytłuszczona od odziedziczonej lub przypisanej do znacznika (np. typowo znaczniki <b>...</b> oraz <strong>...</strong> mają przypisaną domyślną wagę "bold")
- bolder - czcionka bardziej wytłuszczona
Przykład
waga lighter w stosunku do wartości "200"
waga lighter dla znacznika <B>...</B>
waga bolder w stosunku do wartości "800"
waga bolder dla znacznika <B>...</B>
Pytania i odpowiedzi {font-weight}
Co oznacza "font-weight"?
W CSS font-weight określa grubość czcionki. Możliwe wartości to liczby od 100 do 900 (z krokiem 100) oraz normal i bold, gdzie normal to standardowa grubość, a bold to pogrubienie.
Jak zrobić pogrubiony tekst w CSS?
Aby zrobić pogrubiony tekst w CSS, użyj właściwości font-weight i przypisz jej wartość bold. Na przykład: "font-weight: bold" pogrubia tekst.
Jak zmienić grubość czcionki HTML?
W HTML można zmienić grubość czcionki za pomocą atrybutu style="..." i wartości font-weight. Na przykład: <p style="font-weight: bold">Tekst pogrubiony</p> tworzy pogrubiony tekst.
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
font-weight: wartość | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
font-weight: bold | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
font-weight: bolder | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
font-weight: lighter | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
font-weight: normal | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |