font-weightNuosavybė nustato svorį arba storį, šrifto ir priklauso tiek nuo turimų šriftų veidus per šriftų ar svorio apibrėžta naršyklėje.
span ( font-weight: bold; )font-weightNuosavybė priima pagal raktinius žodžius vertę arba iš anksto skaitinę reikšmę. Galimi raktiniai žodžiai:
normalboldbolderlighter
Galimos skaitinės vertės yra šios:
100200300400500600700800900
Raktinio žodžio vertė normalsusiejama su skaitine verte, 400o vertė - boldsu 700.
Norint pamatyti efektą naudojant kitas nei 400arba reikšmes 700, naudojamas šriftas turi turėti įmontuotus veidus, atitinkančius nurodytą svorį.
Jei šriftas yra paryškinta („700“) arba įprasta („400“) šriftų šeimos dalis, naršyklė tai naudos. Jei jų nėra, naršyklė imituos savo paryškintą arba įprastą šrifto versiją. Tai neimituos kitų nepasiekiamų svorių. Šriftai dažnai naudoja tokius pavadinimus kaip „Reguliarus“ ir „Šviesus“, kad nustatytų bet kokį alternatyvų šrifto svorį.
Šis demonstracinis variantas parodo alternatyvių svorio verčių naudojimą:
Pirmiau pateiktoje demonstracijoje naudojamas nemokamas šriftas „Open Sans“, įterptas naudojant „Google Web Fonts“ API. Šriftas yra pakrautas su visais turimais šriftų svoriais, todėl, naudojant font-weightypatybę, skirtingi galimi svoriai rodomi taip, kaip aprašyta kiekvienos pastraipos tekste. Nepasiekiami svoriai tiesiog parodo logiškai artimiausią svorį.
Dažni šriftai, tokie kaip „Arial“, „Helvetica“, „Georgia“ ir kt., Neturi svorio, išskyrus 400ir 700. Taigi tas pats demonstracinis elementas, rodomas su vienu iš tų šriftų, devyniose pastraipose būtų rodomi tik du svoriai.
Naudojant „drąsesnius“ ir „lengvesnius“ raktinius žodžius
Raktinio žodžio reikšmės bolderir jos lighteryra susijusios su apskaičiuotu pirminio elemento šrifto svoriu. Naršyklė ieškos artimiausio „drąsesnio“ ar „lengvesnio“ svorio, atsižvelgiant į tai, kas yra šriftų šeimoje, kitaip ji tiesiog pasirinks „400“ arba „700“, atsižvelgiant į tai, kas yra prasmingiausia.
Antriniai elementai nepaveldės „ryškesnių“ ir „lengvesnių“ raktinių žodžių verčių, bet paveldės apskaičiuotą svorį.
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| Veikia | Veikia | Veikia | Veikia | Veikia | Veikia | Veikia |