Skip to main content

Comprensió de la propietat Font-Llisa

Anonim

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 | heretarauto-text llis segons els valors predeterminats del sistemamai - mai suavitzeu les fontssempre: sempre suavitzeu les fontsi 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.

  • Valor inicial: automàtic
  • Font-Smooth S'aplica a: Tots els elements i el contingut generat.
  • Herència de font-suau: aquesta herència és heretat.
  • Suport del navegador font-suau: cap

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