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

BCD tables only load in the browser

Voir aussi