Aflați cum puteți profita la maximum de proprietatea netedă a fonturilor

Ce înseamnă "Font-Smooth"?

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şteni
auto - 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.

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