Fondi kaal - CSS-trikid | CSS-i almanahh 2025

font-weightVara 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-weightVara 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 normalseostub arvulise väärtusega 400ja väärtus boldkaardiga 700.

Efektide nägemiseks, mis kasutavad muid väärtusi kui 400võ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-weightatribuudi 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 400ja 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 bolderja need lighteron 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.