Com este tutorial, melhore sua compreensão da propriedade da fonte CSS. Conheça os fatos sobre o que essa propriedade significa e por que os Web designers devem considerar usá-la.
Uma descrição da fonte suave
Por que os designers às vezes querem usar a propriedade smooth-font? Principalmente, ele fornece aos designers controle sobre a aplicação do anti-aliasing quando renderizado.
Font-Smooth em versões CSS
Use font-smooth em CSS 3 e também entenda a sintaxe suave da fonte com o exemplo abaixo:
font-smooth: auto | nunca | sempre | | comprimento | inicial | herdarauto - texto suave de acordo com os padrões do sistemanunca - nunca suavizar as fontessempre - sempre suavizar as fontese comprimento - Se o valor do tamanho da fonte for igual ou maior que esse tamanho, alise a fonte ao renderizá-la.
Os designers da Web também devem saber o seguinte ao usar a propriedade font-smooth.
- Valor inicial: auto
- Font-Smooth Aplica-se a: Todos os elementos e conteúdo gerado.
- Herança de fonte suave: esta propriedade é herdada.
- Suporte para Navegador Font-Smooth: Nenhum
Exemplo de Font-Smooth
A fonte neste parágrafo deve ser sempre suavizada, não importa quão pequena ou grande a fonte seja escrita.Um cuidado sobre a propriedade Font-Smooth
Nem todo mundo tem um navegador que suporte a fonte suave. Descubra se o seu navegador suporta essa propriedade. Além disso, tenha cuidado ao usar esse estilo, pois ele pode reduzir drasticamente a legibilidade do seu texto. Você precisará fazer alguma pesquisa para se certificar de que isso não afetará você dessa maneira. Para mais informações sobre a propriedade smooth-font, consulte o seguinte:
Exemplos de fonte suave
Trecho da fonte
Efeito de fonte
Família de fontes
Tamanho da fonte
Fonte
Estilo de fonte
Variante de fonte
Espessura da fonte
Alterando os Atributos da Fonte
