Apreneu a aprofitar al màxim la propietat Font-Llisa

Què significa "Font-Smooth"?

Amb aquest tutorial, milloreu la vostra comprensió de la propietat font CSS de forma senzilla. Obteniu els fets sobre el significat d'aquesta propietat i per què els dissenyadors web haurien de considerar-ne l'ús.

Descripció de Font-Smooth

Per què els dissenyadors de vegades volen utilitzar la propietat font-smooth? Principalment, proporciona als dissenyadors un control sobre l'aplicació de l'anti-àlies quan es representa.

Font-Smooth en versions de CSS

Utilitzeu font-smooth en CSS 3 i també entén la sintaxi font-smooth amb l'exemple següent:

font-smooth: auto | mai | sempre | | durada | inicial | heretar
auto-text llis segons els valors predeterminats del sistema
mai - mai suavitzeu les fonts
sempre: sempre suavitzeu les fonts
i la longitud: si el valor de la mida de la font és igual o més gran que aquesta mida, aleshores suavitzeu el tipus de lletra al processar-lo.

Els dissenyadors web també haurien de conèixer els següents quan s'utilitza la propietat font-smooth.

Exemple Font-Smooth

La font d'aquest paràgraf sempre s'ha de suavitzar, independentment de la mida o la mida de la font.

Una precaució sobre la propietat Font-Smooth

No tothom té un navegador compatible amb font-smooth. Esbrineu si el vostre navegador admet aquesta propietat. A més, tingueu compte de com utilitzeu aquest estil, ja que pot reduir dràsticament la llegibilitat del vostre text.

Haureu de fer algunes investigacions per assegurar-vos que això no us afectarà d'aquesta manera. Per obtenir més informació sobre la propietat font-smooth, consulteu el següent:

Exemples de font-smooth

Font-estirament

Efecte de font

Font-família

Mida de la font

Font

Estil de font

Variant de tipus de lletra

Pes de font

Canvi d'atributs de fonts