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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
font-smooth
Non-standard
Chrome Full support 5
Alternate Name
Full support 5
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
Edge No support NoFirefox Full support 25
Notes Alternate Name
Full support 25
Notes Alternate Name
Notes Only works on macOS.
Alternate Name Uses the non-standard name: -moz-osx-font-smoothing
IE No support NoOpera Full support Yes
Alternate Name
Full support Yes
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
Safari Full support 4
Alternate Name
Full support 4
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
WebView Android Full support ≤37
Alternate Name
Full support ≤37
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
Chrome Android Full support 18
Alternate Name
Full support 18
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
Firefox Android No support NoOpera Android Full support Yes
Alternate Name
Full support Yes
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
Safari iOS Full support 3.2
Alternate Name
Full support 3.2
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
Samsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
Non-standard. Expect poor cross-browser support.
Non-standard. Expect poor cross-browser support.
See implementation notes.
See implementation notes.
Uses a non-standard name.
Uses a non-standard name.

Veja também