Õpi maksimaalselt ära kasutama fondi sujuva vara

Mida tähendab "Font-Smooth"?

Selle juhendaja abil parandage oma arusaama CSS-i varjualuste sujuvusest. Hankige faktid selle kohta, mis see vara tähendab ja miks veebisainerid peaksid seda kasutama.

Kirjeldus Font-Smooth

Miks disainerid soovivad mõnikord fondi sujuva vara kasutamist? Ennekõike annab see disaineritele järelevalvet selle üle, kuidas rakendatakse anti-aliaseerimist renderdamisel.

Fontide sileda CSS versioonides

CSS 3-s kasutage font-sujuvalt ja mõelge ka fondi sujuva süntaksiga alltoodud näites:

font-smooth: auto | kunagi | alati | | pikkus | esialgne | pärida
automaatne sujuv tekst vastavalt süsteemi vaikeseadetele
kunagi - kunagi ei sujuta fonte
alati - alati sujuvalt fonte
ja pikkus - Kui fondi suuruse väärtus on sama suurusega või suurem kui selle suuruse mõõde, siis sujuks font selle esitamisel.

Veebi disainerid peaksid font-sujuva omaduse kasutamisel ka teadma järgmist.

Font-sile näide

Sellel lõigul olev font peaks alati olema sujuv, olenemata sellest, kui väike või suur font on kirjutatud.

Ettevaatlik fondi sujuva vara kohta

Mitte igaühel pole brauserit, mis toetaks fondi sujuvalt. Uuri, kas teie brauser seda vara toetab. Samuti olge ettevaatlik, kuidas te seda stiili kasutate, kuna see võib oluliselt vähendada teie teksti loetavust.

Te peate tegema mõningaid uuringuid, et veenduda, et see ei mõjuta teid sellisel viisil. Lisateavet font-sujuva vara kohta leiate järgmiselt:

Fontide siledad näited

Font-venitada

Fondi efekt

Fontide perekond

Fondi suurus

Font

Fondi stiil

Fondi variant

Fonti kaal

Font atribuutide muutmine