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-synthesis - Propriété CSS

font-synthesis

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

Description rapide
Autorise ou non le calcul des styles manquants dans la police de caractères.
Statut
Problèmes de compatibilité
Type de valeur
Valeur prédéfinie
Valeurs prédéfinies
small-caps | style | weight | none
Pourcentages
Ne s'appliquent pas.
Valeur initiale
weight style small-caps position
Héritée par défaut
Oui
Type d'animation
Discrète : lors d'une animation, la propriété font-synthesis passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Polices de caractères
Références (W3C)
 🡇  
 🡅  
Statut du document:: WD (document de travail)

Statut du document:: REC (recommandation)

Description de la propriété font-synthesis.

font-synthesis autorise ou non le navigateur à générer les styles de caractères qui ne sont pas définis dans la police (obliques, super gras, etc). La plupart des polices incluent au moins les styles italique et gras, mais ce n'est pas systématique. En particulier les polices fantaisie ou les polices de caractères asiatiques n'ont souvent aucune variante.

Le calcul des formes de caractères en gras, et surtout en italique, donne parfois de mauvais résultats. Il est alors préférable de le désactiver, et donc d'afficher des caractères standards. C'est le rôle de la propriété font-synthesis.

font-synthesis est une propriété résumée qui permet de définir en une seule écriture les valeurs des trois propriétés suivantes :

Syntaxes pour font-synthesis.

Syntaxe de font-synthesisSchéma syntaxique de la propriété CSS font-synthesis none none weight weight style style small-caps small-caps position positionfont-synthesis:;font-synthesis:;
  • font-synthesis: none;

    Le navigateur ne synthétise rien : si la variante de style demandée figure dans la police, elle est affichée, sinon les caractères sont affichés en normal.

  • font-synthesis: weight;

    Le navigateur est autorisé à synthétiser les graisses de caractères manquantes dans la police.

  • font-synthesis: style;

    Le navigateur est autorisé à synthétiser les styles italique ou oblique s'ils sont manquants dans la police.

  • font-synthesis: small-caps;

    Le navigateur est autorisé à synthétiser les caractères en petites capitales.

  • font-synthesis: position;

    Le navigateur est autorisé à calculer la position des caractères en exposant ou en indice.

  • font-synthesis: weight style small-caps position;

    Valeur par défaut. Le navigateur est autorisé à synthétiser les graisses de caractères manquantes dans la police, les styles comme italique et oblique, et les petites capitales.

    Toutes les autres combinaisons de valeurs sont valides. Le tableau ci-dessous regroupe ces possibilités. Rappelons que dans tous les cas, la synthèse ne sera utilisée que si la variante stylistique demandée ne figure pas dans la police.

    font-synthesisfont-synthesis-
    weight
    font-synthesis-
    style
    font-synthesis-
    small-caps
    font-synthesis-
    position
    none none none none none
    weight auto none none none
    style none auto none none
    small-caps none none autp none
    position none none none auto
    weight style auto auto none none
    weight small-caps auto none auto none
    weight style positionauto auto none auto
    Etc. etc.
  • font-synthesis: initial; font-synthesis: inherit; font-synthesis: revert; font-synthesis: revert-layer; font-synthesis: unset;

    La valeur initiale est : weight style small-caps position.

Animation de la propriété font-synthesis.

Bien que possible, l'animation de font-synthesis présente vraiment peu d'intérêt.

Prise en charge par les navigateurs (compatibilité).

La propriété raccourcie font-synthesis est bien reconnue par les navigateurs. Mais reportez-vous aux différentes propriétés individuelles pour plus de précisions sur leur prise en charge.

1
font-synthesis
Estimation de la prise en charge en pourcentage du parc actuel.
91%

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-synthesis.

Les spécifications CSS éditées par le W3C sont organisées en modules. font-synthesis fait partie du Module CSS - Polices de caractères (CSS Fonts Module). Les définitions suivantes sont également décrites dans ce même module.

Propriétés.

Raccourci pour définir la plupart des propriétés concernant les polices de caractères.
Détermine le comportement du navigateur face aux polices de caractères longues à charger.
Permet d'appliquer quelques effets au texte : relief, bordure...
Définit le nom de la police de caractères.
Permet d'exploiter les fonctionnalités spécifiques des polices de caractères OTF, WOFF, etc.
Ajustement du crénage entre caractères.
Définit le langage à prendre en compte lors du choix des caractères.
Optimise la forme des caractères en fonction de leur taille.
Définit la palette de couleurs utilisable pour les polices de caractères colorées.
Ajuste la taille des caractères.
Définition du coefficient d'aspect de la police.
Modifie l'étirement ou la compression des caractères.
Sélectionne les styles italique ou oblique de la police de caractères.
Autorise ou non le navigateur à synthétiser les caractères en exposant ou en indice.
Autorise ou non le navigateur à calculer le glyphes des caractères en petites capitales.
Définit si le navigateur est autorisé à synthétiser les formes italiques des caractères.
Définit si le navigateur peut calculer ou non le glyphe des caractères gras.
Raccourci permettant de définir les attributs typographiques évolués : ligatures, substitution de caractères, etc.
Définit la substitution de caractères (polices OTF, WOFF).
Applique une capitalisation des caractères.
Typographie spécifique aux caractères chinois ou japonais.
Choisit entre une présentation en emoji ou en texte.
Active ou désactive la ligature des caractères.
Définit le mode d'affichage des nombres évolués : fractions, numéros, etc.
Mise en exposant ou en indice des caractères.
Donne accès aux possibilités stylistiques des polices OTF
Sélectionne une graisse pour les caractères.
Synonmye de font-stretch (largeur/élargissement des caractères).

Directives.

Définit tous les paramètres d'une police de caractères téléchargeable.
Définit les variantes typographiques à utiliser.
Définit une palette de couleurs appliable ensuite à une police de caractères.