Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. CSS
  3. Référence CSS
  4. Règles @
  5. @font-face
  6. font-variation-settings

Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in EnglishAlways switch to English

font-variation-settings

Limited availability

Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.

LedescripteurCSSfont-variation-settings, associé à lala règle @@font-face permet d'indiquer les variations de police de bas niveau pour les polices OpenType ou TrueType.

Depuis que ce descripteur définit des valeurs de variation sur l'objet de police dans la règle@font-face et non sur un élément entier, seuls certains glyphes d'un élément peuvent être rendus à l'aide de ce descripteur.

Syntaxe

css
/* Utilise les paramètres par défaut */font-variation-settings: normal;/* Indique les valeurs pour les noms des axes OpenType */font-variation-settings: "xhgt" 0.7;

Valeurs

normal

Le texte est disposé avec les paramètres par défaut.

<string> <number>

Lorsque le texte est affiché, la liste des noms des axes OpenType est envoyée au moteur afin d'activer ou de désactiver des paramètres de la police. Chaque paramètre se compose d'un nom (<string>) de 4 caractères ASCII, suivis d'un nombre (<number>) qui indique la valeur de l'axe. Si la chaîne de caractères contient moins ou plus de caractères ou contient des caractères en dehors de l'intervalle de points de code U+20 - U+7E, la propriété entière sera considérée comme invalide. Le nombre utilisé peut être décimal ou négatif.

Définition formelle

En lien avec lesrègles @@font-face
Valeur initialenormal
Valeur calculéecomme spécifié

Syntaxe formelle

font-variation-settings =
normal|
[<string><number>]#

Exemples

Modifier le poids et l'étirement de la police dans une règle @font-face

css
@font-face {  font-family: "OpenTypeFont";  src: url("open_type_font.woff2") format("woff2");  font-weight: normal;  font-style: normal;  font-variation-settings:    "wght" 400,    "wdth" 300;}

Spécifications

Specification
CSS Fonts Module Level 4
# font-rend-desc

Compatibilité des navigateurs

Voir aussi

Help improve MDN

Learn how to contribute

Cette page a été modifiée le par lescontributeurs du MDN.


[8]ページ先頭

©2009-2025 Movatter.jp