font-variant-east-asian

La propriété font-variant-east-asian contrôle l'utilisation des glyphes alternatifs pour les scripts japonais, chinois et d'Asie orientale.

font-variant-east-asian: normal;
font-variant-east-asian: ruby;
font-variant-east-asian: jis78;              /* <east-asian-variant-values> */
font-variant-east-asian: jis83;              /* <east-asian-variant-values> */
font-variant-east-asian: jis90;              /* <east-asian-variant-values> */
font-variant-east-asian: jis04;              /* <east-asian-variant-values> */
font-variant-east-asian: simplified;         /* <east-asian-variant-values> */
font-variant-east-asian: traditional;        /* <east-asian-variant-values> */
font-variant-east-asian: full-width;         /* <east-asian-width-values> */
font-variant-east-asian: proportional-width; /* <east-asian-width-values> */
font-variant-east-asian: ruby full-width jis83;

/* Valeurs globales */
font-variant-east-asian: inherit;
font-variant-east-asian: initial;
font-variant-east-asian: unset;

Syntaxe

Valeurs

normal

Ce mot-clé désactive les glyphes alternatifs.

ruby

Ce mot-clé force l'utilisation de glyphes spécifiques pour les caractères ruby. Généralement, ceux-ci sont plus petits et légèrement plus gras pour améliorer le contraste. Ce mot-clé correspond aux valeurs OpenType ruby.

<east-asian-variant-values>

Ces valeurs permettent d'activer les symboles d'un standard donné. Les valeurs possibles sont :

Mot-clé	Standard dans lequel sont définis les glyphs	Équivalent OpenType
jis78	JIS X 208 version 1978	jp78
jis83	JIS X 208 version 1983	jp83
jis90	JIS X 208 version 1990	jp90
jis04	JIS X 208 version 2004	jp04
simplified	Aucun, ce sont les glyphes chinois simplifiés qui sont utilisés.	smpl
traditional	Aucun, ce sont les glyphes chinois traditionnels qui sont utilisés.	trad

<east-asian-width-values>

Ces valeurs permettent de contrôler le dimensionnement des symboles pour les caractères des langues d'Asie orientale. Deux valeurs sont possibles :

• proportional-width qui active l'ensemble où les chiffres n'ont pas tous la même taille. Elle correspond aux valeurs OpenType pwid.
• full-width qui active l'ensemble où les chiffres ont tous la même taille. Elle correspond aux valeurs OpenType fwid.

Syntaxe formelle

normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]
où 
<east-asian-variant-values> = [ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]
<east-asian-width-values> = [ full-width | proportional-width ]

Exemples

CSS

exemple {
  font-variant-east-asian: ruby;
}

HTML

<p class="exemple">!</p>

Résultat

Lien vers l'exemple

Spécifications

Compatibilité des navigateurs

[1] Une implémentation expérimentale était disponible depuis Gecko 24. Elle était gérée avec la préférence layout.css.font-features.enabled qui était activée par défaut sur Nightly et Aurora.