Naučte se maximálně využít vlastností hladkého písma

Co znamená "Font-Smooth"?

Pomocí tohoto výukového programu vylepšete své chápání vlastnosti písma CSS hladce. Získejte fakta o tom, co tato vlastnost znamená a proč by weboví návrháři měli zvážit její použití.

Popis písma hladký

Proč někdy návrháři chtějí použít vlastnost font-smooth? Především poskytuje návrhářům kontrolu nad použitím aliasingu při vykreslování.

Font-Smooth v verzích CSS

Použijte font-smooth v CSS 3 a pochopte také syntaxi písma hladkou s příkladem uvedeným níže:

font-smooth: auto | nikdy | vždy | | délka | počáteční zdědit
automaticky hladký text podle výchozích nastavení systému
nikdy - nikdy hladké písma
vždy - fonty vždy vyhlaďte
a délka - Je-li hodnota velikosti písma stejná nebo větší než toto měřítko, pak jej vymažte při vykreslování.

Weboví návrháři by měli znát také následující vlastnosti při použití vlastnosti font-smooth.

Příklad písma hladce

Písmo v tomto odstavci by mělo být vždy vyhlazeno, bez ohledu na to, jak velký nebo malý je písmo.

Upozornění na vlastnost hladce písma

Ne každý má prohlížeč, který podporuje font-smooth. Zjistěte, zda váš prohlížeč tuto vlastnost podporuje. Dejte pozor, jak tento styl používáte, protože může drasticky snížit čitelnost textu.

Budete muset provést nějaký výzkum, abyste se ujistili, že tím tímto způsobem nebudete mít vliv. Další informace o vlastnosti font-smooth naleznete v následujících pokynech:

Příklady hladkých písem

Font-stretch

Efekt písma

Rodina písma

Velikost písma

Písmo

Styl fontu

Varianta písma

Hmotnost písma

Změna atributů písma