Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

font-smooth - Propriété CSS

font-smooth

Résumé des caractéristiques de la propriété font-smooth

Description rapide
Définit si un algorithme de lissage doit être utilisé et lequel.
Statut
Obsolète
Type de valeur
Valeur prédéfinie
Valeurs prédéfinies
auto | always | never
Pourcentages
Ne s'appliquent pas.
Valeur initiale
auto
Héritée par défaut
Oui
Module W3C
CSS 3 - Spécification concernant les feuilles de styles en cascade - Version 3
Références (W3C)
Statut du document:: REC (recommandation)

Description de la propriété font-smooth.

La propriété font-smooth avait été envisagée dans la version CSS3, mais n'a jamais été standardisée. Elle ne figure plus dans les références du W3C et peu de navigateurs la traitent.

font-smooth permet de choisir l'algorithme d'anti-crénelage. Ces algorithmes ont pour fonction de lisser la forme des caractères, particulièrement lorsqu'ils sont affichés dans une grande taille.

Les polices de caractères vectorielles TTF, OTF, WOFF, etc. n'ont pas besoin d'être lissées. Cela explique sans doute pourquoi cette propriété a été abandonnée.

Remarque : Chrome et les autres navigateur -webkit- prennent en charge la propriété équivalente -webkit-font-smoothing, mais qui n'est pas standardisée non plus.

Syntaxes pour font-smooth.

  • font-smooth: auto;

    Le navigateur choisit l'algorithme de lissage le plus adapté.

  • font-smooth: never; -webkit-font-smoothing: none;

    Aucun algorithme de lissage n'est utilisé.

  • font-smooth: always;

    Un algorithme de lissage est systématiquement utilisé.

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

    Un algorithme de lissage du type anti-crénelage est utilisé.

  • font-smooth: initial; font-smooth: inherit; font-smooth: revert; font-smooth: revert-layer; font-smooth: unset;

    La valeur initiale est : auto.

Exemple interactif.


font-smooth :

-webkit-font-smoothing :

Exemple

Prise en charge par les navigateurs (compatibilité).

Aucun navigateur ne prend plus en charge cette propriété. Cependant Chrome reconnaît encore la propriété équivalente -webkit-font-smoothing mais il n'y a aucune garantie que cela soit toujours vrai dans l'avenir.

1
font-smooth
Estimation de la prise en charge en pourcentage du parc actuel.

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Androïd Brower

Chrome

Chrome pour Androïd

Edge

Firefox

Firefox pour Androïd

Internet Explorer

Opéra

Opéra Mobile

Safari

Safari sur IOS

Samsung Internet

Voir aussi, dans le même module de standardisation que font-smooth.

Les spécifications CSS éditées par le W3C sont organisées en modules. font-smooth fait partie du CSS 3 - Spécification concernant les feuilles de styles en cascade - Version 3 (Cascading Style Sheets specification - Version 3). Les définitions suivantes sont également décrites dans ce même module.

Propriétés.

Définit le positionnement des éléments contenus dans un container box, suivant l'axe secondaire.
Définit si les éléments du container box se positionnent de gauche à droite ou de droite à gauche.
Définit si le container box peut comporter plusieurs lignes ou pas.