font-smooth

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

La propriété font-smooth permet de contrôler l'application d'algorithmes anti-crénelage (anti-aliasing) sur le rendu des fontes de caractères.

Syntaxe

/* Valeurs avec mot-clé */
font-smooth: auto;
font-smooth: never;
font-smooth: always;

/* Valeurs de type <length> */
font-smooth: 2em;

Webkit implémente -webkit-font-smoothing avec d'autres valeurs, là aussi c'est une propriété non-standard qui ne devrait pas être utilisée.

  • auto : c'est le navigateur qui décide la meilleure approche
  • none - l'anti-crénelage est désactivé.
  • antialiased - lisse les caractères au niveau du pixel (et non par sous-échantillonnage). Pour des textes clairs sur fonds sombres, cette méthode fait paraître le texte plus clair.
  • subpixel-antialiased - sur la plupart des affichages non-Retina, cela donnera le texte le plus lisse.

Firefox implémente -moz-osx-font-smoothing avec d'autres valeurs, là aussi c'est une propriété non-standard qui ne devrait pas être utilisée.

  • auto - le choix est laissé au navigateur. Cela correspond généralement à grayscale.
  • grayscale - On applique un anti-crénelage par niveau de gris (et non par sous-échantillonnage). Pour des textes clairs sur fonds sombres, cette méthode fait paraître le texte plus clair.

Spécifications

Bien que mentionnée dans les premiers brouillons pour CSS3 Fonts, font-smooth a été retirée de cette spécification et ne fait plus partie du standard.

 

  • Valeur initiale : auto
  • S'applique à tous les éléments et au contenu généré
  • Héritée : oui
  • Valeurs relatives : par rapport à la taille de police utilisée sur l'élément parent
  • Type de média : Visuel
  • Valeur calculée : comme la valeur définie

 

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
font-smooth
Non-standard
Chrome Support complet 5
Autre nom
Support complet 5
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-font-smoothing
Edge Aucun support NonFirefox Support complet 25
Notes Autre nom
Support complet 25
Notes Autre nom
Notes Only works on macOS.
Autre nom Cette fonctionnalité utilise le nom non-standard : -moz-osx-font-smoothing
IE Aucun support NonOpera Support complet Oui
Autre nom
Support complet Oui
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-font-smoothing
Safari Support complet 4
Autre nom
Support complet 4
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-font-smoothing
WebView Android Support complet ≤37
Autre nom
Support complet ≤37
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-font-smoothing
Chrome Android Support complet 18
Autre nom
Support complet 18
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-font-smoothing
Firefox Android Aucun support NonOpera Android Support complet Oui
Autre nom
Support complet Oui
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-font-smoothing
Safari iOS Support complet 3.2
Autre nom
Support complet 3.2
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-font-smoothing
Samsung Internet Android ?

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Voir les notes d'implémentation.
Voir les notes d'implémentation.
Cette fonctionnalité utilise un nom non-standard.
Cette fonctionnalité utilise un nom non-standard.

Voir aussi