A font-weighttulajdonság megadja a betűkészlet súlyát vagy vastagságát, és függ a betűtípuscsaládon belül elérhető betűtípusoktól vagy a böngésző által meghatározott súlyoktól.
span ( font-weight: bold; )A font-weighttulajdonság vagy kulcsszóértéket, vagy előre meghatározott numerikus értéket fogad el. A rendelkezésre álló kulcsszavak:
normalboldbolderlighter
A rendelkezésre álló numerikus értékek a következők:
100200300400500600700800900
A kulcsszó értéke normala numerikus értékre 400, az érték boldpedig a 700.
Annak érdekében, hogy bármilyen hatást láthasson a (z) 400vagy a (z) értékektől eltérő értékekkel 700, a használt betűtípusnak beépített arcokkal kell rendelkeznie, amelyek megfelelnek a megadott súlyoknak.
Ha egy betűtípus félkövér („700”) vagy normál („400”) változatot tartalmaz a betűtípuscsalád részeként, a böngésző ezt használja. Ha ezek nem érhetők el, a böngésző utánozza a betűkészlet saját félkövér vagy normál változatát. Nem utánozza a többi nem elérhető súlyt. A betűtípusok gyakran használnak olyan neveket, mint a „Normál” és a „Világos”, hogy azonosítsák az alternatív betűtípusok súlyát.
A következő bemutató bemutatja az alternatív súlyértékek használatát:
A fenti bemutató az Open Sans ingyenes betűtípust használja, amelyet a Google Web Fonts API segítségével ágyaznak be. A betűtípus az összes rendelkezésre álló betűtömeggel meg van töltve, így a font-weighttulajdonság használatával a különböző elérhető súlyok az egyes bekezdések szövegében leírtak szerint jelennek meg. A nem elérhető súlyok egyszerűen a logikailag legközelebbi súlyt mutatják.
Gyakori, mint a betűtípus Arial, Helvetica, Georgia, stb nem kell súlyokat eltérő 400és 700. Tehát ugyanaz a betűtípus, amely az egyik ilyen betűtípus mellett jelenik meg, csak két súlyt jelenít meg a kilenc bekezdésben.
„Merészebb” és „könnyebb” kulcsszavak használata
A kulcsszó értékei bolderés lightera szülőelem számított betűtömegéhez viszonyított értékek . A böngésző a legközelebbi „merészebb” vagy „könnyebb” súlyt keresi, attól függően, hogy mi áll rendelkezésre a betűtípuscsaládban, ellenkező esetben egyszerűen a „400” vagy a „700” lehetőséget választja, attól függően, hogy melyik a legértelmesebb.
A gyermekelemek nem a „merészebb” és a „könnyebb” kulcsszóértékeket öröklik, hanem a kiszámított súlyt.
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Művek | Művek | Művek | Művek | Művek | Művek | Művek |