font-weight
Vara seab kaalu või paksus, on font ja sõltub kas saadaval kirjatüüpide jooksul fondi perekonna või kaalu määratletud brauserit.
span ( font-weight: bold; )
font-weight
Vara nõustub kas märksõna väärtus või eelmääratud numbrilist väärtust. Saadaval on järgmised märksõnad:
normal
bold
bolder
lighter
Saadaval on arvulised väärtused:
100
200
300
400
500
600
700
800
900
Märksõna väärtus normal
seostub arvulise väärtusega 400
ja väärtus bold
kaardiga 700
.
Efektide nägemiseks, mis kasutavad muid väärtusi kui 400
või 700
, peab kasutataval fondil olema sisseehitatud näod, mis vastavad nendele määratud kaaludele.
Kui fondil on kirjasüüpkonna osana paks (700) või tavaline (400) versioon, kasutab brauser seda. Kui need pole saadaval, jäljendab brauser oma rasvast või tavalist fondiversiooni. See ei jäljenda teisi kättesaamatuid raskusi. Fondides kasutatakse alternatiivsete fontide kaalu tuvastamiseks sageli nimesid nagu “Regular” ja “Light”.
Järgmine demo näitab alternatiivsete kaaluväärtuste kasutamist:
Vaadake seda pliiatsit!
Ülaltoodud demo kasutab tasuta veebifondi Open Sans, mis on manustatud Google Web Fonts API abil. Font laaditakse kõigi saadaolevate fondikaaludega ja nii kuvatakse font-weight
atribuudi abil erinevad saadaolevad kaalud, nagu on kirjeldatud iga lõigu tekstis. Puuduvad kaalud näitavad lihtsalt loogiliselt lähimat kaalu.
Levinud fontidel nagu Arial, Helvetica, Georgia jne ei ole muid raskusi peale 400
ja 700
. Nii et ühes neist fontidest kuvatud sama demo näitaks üheksas lõigus ainult kahte kaalu.
Kasutades “julgemaid” ja “kergemaid” märksõnu
Märksõna väärtused bolder
ja need lighter
on suhtelised emaelemendi arvutatud fondi kaaluga. Brauser otsib lähimat "julgemat" või "kergemat" kaalu, sõltuvalt sellest, mis on fontide perekonnas saadaval, vastasel juhul valib see lihtsalt "400" või "700", olenevalt sellest, kumb on kõige mõistlikum.
Alamelemendid ei päri märksõna „julgemad“ ja „kergemad“ väärtused, vaid pärivad arvutatud kaalu.
Brauseri tugi
Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
---|---|---|---|---|---|---|
Töötab | Töötab | Töötab | Töötab | Töötab | Töötab | Töötab |