Font-synthesis-weight - Propriété CSS
Résumé des caractéristiques de la propriété font-synthesis-weight
auto | noneautofont-synthesis-weight passe d'une valeur à l'autre sans transition.Description de la propriété font-synthesis-weight.
font-synthesis-weight autorise ou non le navigateur à générer les caractères gras lorsque ceux-ci ne sont pas définis dans la police.
Cependant la plupart des polices incluent au moins une variante de gras.
La synthèse des formes de caractères en gras donne parfois de mauvais résultats, en particulier avec certaines polices fantaisies ou décoratives.
La qualité du rendu synthétisé est très variable d'une police à l'autre.
Il est parfois préférable de désactiver la synthèse de la graisse avec font-synthesis-weight, et donc d'afficher des caractères standards, non gras.
Ou alors de choisir une police comportant les caractères gras de façon native.
On peut également souhaiter désactiver la synthèse du gras sur un texte très long pour réduire les temps de calcul.
Comparaison entre gras natif de la police et gras synthétisé (simulation)
Voyez également la propriété résumée font-synthesis qui permet d'activer ou de désactiver la synthèse de façon plus générale (et qui est mieux
reconnue par les navigateurs).
Et la propriété font-weight qui détermine l'épaisseur de la graisse des caractères.
Valeurs pour font-synthesis-weight.
- font-synthesis-weight: auto;
Le navigateur peut synthétiser les caractères gras lorsque la police choisie ne comporte pas de variante de graisse.
Texte en gras - font-synthesis-weight: none;
Le navigateur n'est pas autorisé à synthétiser les graisses de caractères manquantes dans la police.
Texte en gras
Valeurs standards acceptées par toutes les propriétés:
font-synthesis-weight: initial (auto)
font-synthesis-weight: inherit
font-synthesis-weight: revert
font-synthesis-weight: revertLayer
font-synthesis-weight: unset
Liens vers la présentation de ces différentes valeurs : initial, inherit, revert, revert-layer, unset.
Possibilité d'animation de la propriété font-synthesis-weight.
L'animation de font-synthesis-weight est théoriquement possible, mais ne présente pas grand intérêt visuel.
Simulateur avec la propriété font-synthesis-weight.
La police choisie est volontairement dépourvue des variantes gras. Le navigateur
simule ces attributs, ou pas, en fonction de la valeur donnée à la propriété font-synthesis-weight.
Support de font-synthesis-weight.
Plus de problèmes de compatibilité avec les navigateurs récents.
font-synthesis-style qui autorise ou non les navigateurs à synthétiser la graisse des caractères.font-synthesis-weightNavigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Internet Explorer
UC Browser pour Androïd
Opéra Mobile
QQ Browser
Baidu Browser
Opéra
Chrome
Edge
Firefox
Chrome pour Androïd
Androïd Brower
Firefox pour Androïd
Safari
Safari sur IOS
Samsung Internet
KaiOS Browser
Opéra mini
Évolution de la propriété font-synthesis-weight.
-
Module CSS - Polices de caractères - Niveau 4
Première définition de la propriétéfont-synthesis-weight.
Dans les versions précédentes du langage, la propriétéfont-synthesispermettait d'autoriser ou non la synthèse des caractères gras.
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.
La propriétés font-synthesis-weight, ainsi que toutes celles concernant les polices de caractères 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.