We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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.

  • 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

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.

Compatibilité des navigateurs

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

Fonctionnalité Firefox (Gecko) Chrome Internet Explorer Opera Safari
Support simple 25.0[2] 5.0[1] Pas de support Pas de support 4.0[1]
Fonctionnalité Safari Opera Mini Opera Mobile Webview Android
Support simple ?[1] Pas de support Pas de support Pas de support

[1] Une propriété semblable est implémentéee par WebKit : -webkit-font-smoothing. Elle ne fonctionne que sur Mac OS X/macOS.

[2] Une propriété semblable est implémentéee par Gecko : -moz-osx-font-smoothing. Elle ne fonctionne que sur Mac OS X/macOS.

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight, Kerumen
Dernière mise à jour par : SphinxKnight,