CSS font-weight svojstvo: kako postaviti zasićenje fontova

Tradicionalno je uobičajeno istaknuti glavne ideje u tekstu uz pomoć podebljane sheme. Ova metoda dizajna, prije svega, odnosi se na naslove, budući da je potrebno da ih čitatelj odmah obratiti pozornost. CSS svojstvo font-

Početnici u programiranju zainteresirani su za pitanje zašto detaljno proučiti tehnologiju stilova dizajna teksta. Gotovo na svakom mjestu (a posebno za resurse koji se temelje na sustavima za upravljanje sadržajem) postoji vizualni urednik sličan programu MS Word. Da bi surađivao s njim, ne trebaju posebna znanja. Međutim, upotreba ugrađenih alata za dizajn teksta nije uvijek opravdana, budući da je važno ne samo da tekst bude podebljan, već i da ga istakne tako da tražilice odgovarajuće percipiraju ono što su napisale.

Kako promijeniti bogatstvo teksta

Pomoću HTML oznaka možete dodijeliti debljinu teksta <b> ili <strong>. No, početna funkcija ovih elemenata je strukturiranje. Ako koristite oznake prečesto, tražilice prepoznati tekst „re-optimizirati”, što će dovesti do smanjenja poretku web-lokacija. Ovo je mjesto gdje CSS svojstvo dolazi u ruci font-težina.

Standard nudi nekoliko opcija za snimanje. Zanimljiva značajka - web programer može odabrati koliko će tekst biti tijesan. Ali o svemu u redu.

Standardne vrijednosti za zasićenje fontova

Specifikacija kaskadnih stilova preporučuje upotrebu vrijednosti gustoće normalan i odvažan. Prvi dodjeljuje "normalni" oblik elementu i obično se koristi u slučajevima kada je potrebno ukloniti masno tkivo. Na primjer, sljedeći unos isključuje deblje pisanje u CSS-u -font-težina: normalan. Nakon pribjegavanja takvom dizajnu, možete promijeniti zadani podebljani pravopis zaglavlja u oznakama <h1> -<H6>.

Obratna situacija - potrebno je postaviti povećanu debljinu za odlomak teksta. U tom slučaju, za odgovarajuću oznaku <p> navedeno je pravilo CSS -font-težina odvažan.

Opcije postavljanja debljine

Najnovija inačica stilskog standarda omogućuju korisniku određivanje stupnja zasićenosti teksta. Da biste to učinili, umjesto prethodno opisanih vrijednosti normalan i odvažan koristiti njihove numeričke ekvivalente.

Tekst Gustoća postavljena relativne vrijednosti u rasponu od 100 do 900. Korak 100. To je dodijeliti masu od 200, mora biti napisan u CSS font-težina: 200. Razumno pitanje: što znači broj 200 i kako razumjeti kada točno treba primijeniti?

Da biste razumjeli debljinu fonta, pomoći će vam sljedećoj tablici varanja.

Kao što slijedi iz tablice, sljedeći unos CSS svojstva font-težina: 400 je ekvivalentan font-težina: normalan. Situacija je analogna vrijednostima od 700 i odvažan. Kako prepisati atribut - nema razlike.

Važna napomena: ovo svojstvo ne radi uvijek. Razlog tome je da uvezeni font ne podržava različite stupnjeve zasićenja. U praksi najčešće se u fontovima grade samo normalni i podebljani likovi.