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

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

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

Note : 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.

Note : 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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
font-smooth
Non-standard

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Non-standard. Check cross-browser support before using.
See implementation notes.
Uses a non-standard name.

Voir aussi