Aprende a aproveitar ao máximo a propiedade Font-Smooth

Que significa "Font-Smooth"?

Con este tutorial, mellorar a súa comprensión da fonte CSS font-smooth. Obter os feitos sobre o que significa esta propiedade e por que os deseñadores web deberían considerar o seu uso.

A Descrición de Font-Smooth

Por que os deseñadores ás veces queren usar a propiedade font-smooth? Principalmente, proporciona aos diseñadores control sobre a aplicación de anti-aliasing cando se render.

Font-Smooth en versións de CSS

Use font-smooth en CSS 3 e tamén comprenda a sintaxe font-smooth co seguinte exemplo:

font-smooth: auto | nunca | sempre | | lonxitude | inicial | herdar
auto - texto suave de acordo cos valores predeterminados do sistema
Nunca nunca suaviza as fontes
sempre: sempre suaviza as fontes
e lonxitude - Se o valor do tamaño da fonte é igual ou maior que esta medida de tamaño, entón suaviza a fonte cando o representa.

Os deseñadores web tamén deberían coñecer os seguintes cando se usa a propiedade font-smooth.

Exemplo de Font-Smooth

A fonte neste parágrafo debe ser sempre suavizada, non importa o pequeno ou grande que escriba a fonte.

Unha precaución sobre a propiedade Font-Smooth

Non todos teñen un navegador que admite font-smooth. Descubre se o teu navegador admite esta propiedade. Ademais, teña coidado coa forma de usar este estilo, xa que pode reducir drasticamente a lexibilidade do seu texto.

Deberá facer algunha investigación para asegurarse de que isto non o afectará deste xeito. Para obter máis información sobre a propiedade font-smooth, consulte o seguinte:

Exemplos de font-smooth

Estrutura de fontes

Efecto de fonte

Font-family

Tamaño de letra

Fonte

Estilo de fonte

Variante de fonte

Peso de fonte

Cambio de atributos de fonte