font-smooth

Non-standard

This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

A propriedade CSS font-smooth  controla a aplicação anti-aliasing quando as fontes são renderizadas.

Initial value auto
Applies to todos os elementos e conteúdos gerados
Inherited sim
Percentages relativo ao tamanho da fonte do elemento pai
Media visual
Computed value como especificado

Sintaxe

/* Keyword values */
font-smooth: auto;
font-smooth: never;
font-smooth: always;

/* <length> value */
font-smooth: 2em;

WebKit implementa uma propriedade similar, mas com valores diferentes: -webkit-font-smoothing. Isto só funciona no Mac OS X/macOS.

  • auto - Deixa o navegador decidir (Usa o subpixel anti-aliasing quando disponível; este é o padrão)
  • none - Desativa a suavização da fonte; exibe o texto com bordas afiadas e irregulares.
  • antialiased - Suaviza a fonte no nível do pixel, ao contrário do subpixel. Muda a renderização de subpixel para o antialiasing para texto claro em fundos escuros e faz com que pareça mais suave.
  • subpixel-antialiased - Na maioria de displays não retina, isso irá deixar o texto mais nítido.

Firefox implementa uma propriedade similar, mas com valores diferentes: -moz-osx-font-smoothing. Isto só funciona no Mac OS X/macOS.

  • auto - Permite que o navegador selecione uma otimização para suavização de fonte, normalmente grayscale.
  • grayscale - Renderiza o texto com grayscale antialiasing, ao contrário do subpixel. Muda a renderização do subpixel para antialiasing para que texto o claro em fundos escuros pareça mais claro.

Especificações

Embora presente no início (2002) rascunhos de CSS3 Fonts, font-smooth foi removido e esta especificação não está na faixa de padrões.

Compatibilidade dos Navegadores

BCD tables only load in the browser

Veja também