Cu acest tutorial, îmbunătățiți înțelegerea fontului proprietății CSS-smooth. Aflați faptele despre ce înseamnă această proprietate și de ce proiectanții web ar trebui să ia în considerare utilizarea acesteia.
O descriere a Font-Smooth
De ce designerii uneori doresc să folosească proprietatea font-smooth? În principal, acesta oferă designerilor controlul asupra aplicării anti-aliasing atunci când este redat.
Font-Smooth în versiunile CSS
Utilizați font-smooth în CSS 3 și înțelegeți, de asemenea, sintaxa font-smooth cu exemplul de mai jos:
font-smooth: auto | niciodată | întotdeauna | | lungime | inițial | moşteniauto - text neted conform setărilor implicite ale sistemului
niciodată - niciodată netezi fonturileîntotdeauna - întotdeauna buna fonturiși lungimea - Dacă valoarea dimensiunii fontului este aceeași sau mai mare decât această mărime a dimensiunilor, atunci se aliniază fontul atunci când este redat.
De asemenea, designerii de web ar trebui să cunoască următoarele elemente atunci când folosesc proprietatea font-smooth.
- Valoare inițială: automat
- Font-Smooth Se aplică la: Toate elementele și conținutul generat.
- Font-Smooth Moștenire: Această proprietate este moștenită.
- Font-Smooth Browser Support: Nici unul
Font-Smooth Exemplu
Fontul din acest paragraf ar trebui să fie întotdeauna netezit, indiferent cât de mic sau mare este fontul scris.O avertizare cu privire la proprietatea Smooth Font
Nu toată lumea are un browser care acceptă font-smooth. Aflați dacă browserul dvs. acceptă această proprietate. De asemenea, aveți grijă cum folosiți acest stil, deoarece poate reduce drastic lizibilitatea textului. Va trebui să faceți niște cercetări pentru a vă asigura că acest lucru nu vă va afecta în acest mod. Pentru mai multe informații despre proprietatea font-smooth, consultați următoarele:
Exemple de liste de fonturi
Font-stretch
Font-efect
Familie de fonturi
Marimea fontului
Font
Stilul fontului
Font-variant
Grosimea fontului
Schimbarea atributelor fontului