-webkit-font-smoothing CSS propriété

Définition de la CSS -webkit-font-smoothing.

La propriété CSS -webkit-font-smoothing permet de spécifier l'algorithme anti-crénelage (anti-aliasing) utilisé pour le rendu des fontes.

Exemple de syntaxe CSS -webkit-font-smoothing :

-webkit-font-smoothing : none;
-webkit-font-smoothing : antialiased;
-webkit-font-smoothing : subpixel-antialiased;

La propriété de feuille de style -webkit-font-smoothing CSS peut pendre une valeur de :

none, aucun anti-aliasing.
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. Valeur par défaut.

Exemple de code -webkit-font-smoothing CSS

Conditions d'application de la CSS -webkit-font-smoothing.

La propriété CSS -webkit-font-smoothing est applicable sur l'ensemble des balises HTML ou XHTML.
La propriété de feuille de style -webkit-font-smoothing CSS n'a pas d'équivalence en HTML ou XHTML.

Héritage des valeurs Css de -webkit-font-smoothing.

Les balises filles héritent de la propriété CSS -webkit-font-smoothing de leur parent.

Problème d'interprétation de -webkit-font-smoothing en Css.

Attention : -webkit-font-smoothing ne concerne que le navigateur de base webkit.

Compatibilités navigateurs de la propriété -webkit-font-smoothing

Détails des versions de la CSS -webkit-font-smoothing: Propriété préfixée -webkit-font-smoothing css d'une propriété W3C; Propriété -webkit-font-smoothing css n'est pas compatible W3C

Résumé du support navigateurs de la CSS -webkit-font-smoothing: Propriété CSS -webkit-font-smoothing est compatible sous une forme préfixée à partir de Chrome 5; Propriété CSS -webkit-font-smoothing est incompatible pour Firefox; Propriété CSS -webkit-font-smoothing est incompatible pour Internet Explorer; Propriété CSS -webkit-font-smoothing est incompatible pour Opera; Propriété CSS -webkit-font-smoothing est compatible sous une forme préfixée à partir de Safari 4

Propriétés CSS préfixées de -webkit-font-smoothing

Vous trouverez ci-dessous les propriétés CSS préfixées équivalentes à la propriété -webkit-font-smoothing CSS :

La propriété Css font-smooth était à l'étude pour le CSS3, mais n'a pas été retenue dans la version finale.

Il existe pour le navigateur Firefox, la propriété Css -moz-osx-font-smoothing.
Vous trouverez ci-dessous les équivalences des valeurs avec -webkit-font-smoothing.

`-moz-osx-font-smoothing`	`-webkit-font-smoothing`
`unset`	`none`
`grayscale`	`antialiased`
`auto`	`subpixel-antialiased`

Exemple d'écriture pour un maximum de compatibilité navigateur :

.identifant{
  -webkit-font-smoothing : subpixel-antialiased;
  -moz-osx-font-smoothing : auto;
}

Votre avis sur la définition -webkit-font-smoothing en CSS

Votez pour la définition CSS `-webkit-font-smoothing`

Votes: 4.4 / 5 - 7 votes
Cliquez sur une étoile pour voter.