font-synthesis - Propriété CSS
Résumé des caractéristiques de la propriété font-synthesis
small-caps
| style
| weight
| none
weight style small-caps position
font-synthesis
passe d'une valeur à l'autre sans transition.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-synthesis
font-synthesis-
weightfont-synthesis-
stylefont-synthesis-
small-capsfont-synthesis-
positionnone
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 position
auto
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.
font-synthesis
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.