Font-synthesis - Propriété CSS
Résumé des caractéristiques de la propriété font-synthesis
small-caps | style | weight | noneweight style small-caps positionfont-synthesis passe d'une valeur à l'autre sans transition.Schéma syntaxique de font-synthesis.
font-synthesisLes liens du schéma donnent accès à plus de détails
Télécharger le schéma en SVG
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 :
font-synthesis-weight: synthèse des caractères gras.font-synthesis-style: synthèse des caractères inclinés (italiques ou obliques).font-synthesis-small-caps: synthèse des caractères en petites capitales.font-synthesis-position: calcul de la position des caractères en exposant ou en indice.
Syntaxes pour 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-
weightfont-synthesis-
stylefont-synthesis-
small-capsfont-synthesis-
positionnonenonenonenonenoneweightautononenonenonestylenoneautononenonesmall-capsnonenoneautpnonepositionnonenonenoneautoweight styleautoautononenoneweight small-capsautononeautononeweight style positionautoautononeautoEtc. etc.
Valeurs communes à toutes les propriétés :
font-synthesis: initial (weight style small-caps position)
font-synthesis: inherit
font-synthesis: revert
font-synthesis: revertLayer
font-synthesis: unset
Les valeurs communes sont présentées sur ces pages : initial, inherit, revert, revert-layer, unset.
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.
font-synthesis, qui reprend les valeurs de toutes les propriétés font-synthesis....font-synthesisNavigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Internet Explorer
KaiOS Browser
Opéra Mobile
Opéra
Safari
Safari sur IOS
Firefox pour Androïd
Samsung Internet
Chrome
Edge
Firefox
Androïd Brower
Chrome pour Androïd
Baidu Browser
QQ Browser
UC Browser pour Androïd
Opéra mini
Historique de la propriété font-synthesis.
font-synthesis a tout d'abord été une propriété à part entière, autorisant ou non la synthèse des caractères en gras ou en italique.
Le niveau 4 de la spécification en fait une propriété résumée pour les autres propriétés dont le nom commence par font-synthesis....
-
Module CSS - Polices de caractères - Niveau 3
Première définition de la propriétéfont-synthesis. Elle permet d'autoriser ou non la synthèse des caractères en gras ou en italique.
21 Juillet 1997Document de travail.
03 Octobre 2013Candidat à la recommandation.
14 Août 2018Proposé à la recommandation.
20 Septembre 2018Recommandation. -
Module CSS - Polices de caractères - Niveau 4
font-synthesisdevient une propriété résumée permettant d'autoriser ou non de nombreuses altérations des caratères : gras, italique, capitales et position (exposant ou indice).11 Juillet 2017Document de travail. -
Module CSS - Polices de caractères - Niveau 5
29 Juin 2021Document de travail.
Voir aussi, à propos des polices de caractères.
Les propriétés concernant les polices de caractères sont nombreuses. Elles sont regroupées dans le module CSS Fonts Module. Vous trouvez les définitions suivantes dans ce module :
Propriétés :
em, ex, etc.Fonctions :
Directives :
Descripteurs :
@font-face. Définit la hauteur des caractères au dessus de la ligne de base.@font-face. Définit la hauteur des caractères au dessous de la ligne de base.@font-face. Détermine le comportement du navigateur face aux polices de caractères longues à charger.@font-face. Définit l'interligne de la police.@font-face. Définit la plage des codes de caractères à télécharger dans une police.