CSS font-weight property: cum să setați saturația fontului

În mod tradițional, este obișnuit să se evidențieze ideile principale din text cu ajutorul unei contururi îndrăznețe. Această metodă de proiectare, în primul rând, se referă la titluri, deoarece este necesar ca cititorul să le acorde imediat atenția. Proprietatea CSS Font-

Începătorii în programare sunt interesați de întrebarea de ce să studiezi în detaliu tehnologia stilurilor de design text. Aproape pe fiecare site (și mai ales pentru resurse bazate pe sisteme de management al conținutului), există un editor vizual similar cu aplicația MS Word. Pentru a lucra cu el, nu este nevoie de cunoștințe speciale. Cu toate acestea, utilizarea instrumentelor de construire a textului încorporat nu este întotdeauna justificată, deoarece este importantă nu numai să se facă textul îndrăzneț, ci și să se evidențieze astfel încât motoarele de căutare să perceapă în mod adecvat ceea ce au scris.

Cum de a schimba bogăția textului

Puteți atribui grosimea textului utilizând etichete HTML <b> sau <strong>. Dar funcția inițială a acestor elemente este structurarea. Dacă utilizați etichete prea des, motoarele de căutare vor recunoaște textul ca fiind "prea optimizat", ceea ce va duce la o scădere a ratingului site-ului web. Aici se află utilitatea CSS Font-greutate.

Standardul oferă mai multe opțiuni pentru înregistrarea sa. O caracteristică interesantă - un programator web poate alege cât de strâns va fi textul. Dar despre totul în ordine.

Valori standard pentru saturația fontului

Formularul pentru foaia de stil cascadă recomandă utilizarea unei valori a densității normal și îndrăzneț. Primul atribuie forma "normală" elementului și este de obicei folosit în cazurile în care este necesar să se elimine scrierea grăsimilor. De exemplu, următoarea intrare oprește scrierea mai groasă în CSS -Font-greutate: normal. După ce ați recurs la un astfel de proiect, puteți schimba ortografia implicită îngroșată a anteturilor în etichete <h1> -<h6>.

Situația inversă - este necesar să setați grosimea mărită pentru paragraful textului. În acest caz, pentru eticheta corespunzătoare <p> este specificată o regulă CSS -Font-greutate îndrăzneț.

Opțiunile de setare a grosimii

Cele mai recente versiuni ale stilului standard permit utilizatorului să desemneze singur saturația textului. Pentru a face acest lucru, în loc de valorile descrise anterior normal și îndrăzneț utilizează echivalentele lor numerice.

Densitatea textului este stabilită de valori relative în intervalul de la 100 la 900. Pasul este egal cu 100. Adică, pentru a atribui o densitate de 200, este necesar să scrieți în CSS Font-greutate: 200. O întrebare rezonabilă: ce înseamnă numărul 200 și cum să înțelegeți exact când trebuie aplicat?

Pentru a înțelege grosimea fontului, veți ajuta la următoarea foaie de înșelătorie.

După cum rezultă din tabel, următoarea intrare a proprietății CSS Font-greutate: 400 este echivalentă Font-greutate: normal. Situația este similară cu valorile de 700 și îndrăzneț. Cum să prescrieți atributul - nu există nici o diferență.

Notă importantă: această proprietate nu funcționează întotdeauna. Motivul este că fontul importat nu suportă grade diferite de saturație. În practică, cel mai adesea în fonturi se construiesc doar caractere normale și îndrăznețe.