font-variant-east-asian：東アジアの言語で使われる字体を制御する

X
f
LINE
B!
p

初期値	`normal`
適用対象	全ての要素、`::first-letter`および`::first-line`
継承	する
アニメーション	離散値
対応ブラウザ	caniuseで確認

font-variant-east-asianプロパティの説明

font-variant-east-asianは、東アジアの言語で使われる字体を制御します。これはJIS規格やOpenTypeの特性が有効な漢字を含むフォントで機能します。

font-variant-east-asianに指定できる値

normal

別形式の表記を無効にします。これが初期値です。

ruby

ルビ文字のために特殊な表記を使用します。ルビ文字は通常の字体よりも小さく、視認性を担保するためにわずかに太くなっていくことが多いです。これはOpenTypeのrubyに相当します。

<east-asian-variant-values>

表示される文字セットを表すキーワード値です。キーワードはあらかじめ定義されたものがあり、JIS規格やOpenTypeの機能に対応しています。

jis78：JIS X 0208:1978で定義された形式で、OpenTypeのjp78に相当します。
jis83：JIS X 0208:1983で定義された形式で、OpenTypeのjp83に相当します。
jis90：JIS X 0208:1990で定義された形式で、OpenTypeのjp90に相当します。
jis04：JIS X 0213:2004で定義された形式で、OpenTypeのjp04に相当します。
simplified：簡体字の字形を使用します。OpenTypeのsmplに相当します。
traditional：繁体字の字形を使用します。OpenTypeのtradに相当します。

<east-asian-width-values>

表示する文字とグリフの幅の関係を表します。指定できる値は以下のキーワードです。

proportional-width：文字ごとに固有の幅を持ったプロポーショナルな字体で表示します
full-width：正方形のグリフで統一された等幅の字体で表示します

font-variant-east-asianの使い方とサンプル

font-variant-east-asianプロパティの構文は以下の通りです。

CSS

/* キーワード値 */
font-variant-east-asian: normal;
font-variant-east-asian: ruby;

/* <east-asian-variant-values>値 */
font-variant-east-asian: jis78;
font-variant-east-asian: jis83;
font-variant-east-asian: jis90;
font-variant-east-asian: jis04;
font-variant-east-asian: simplified;
font-variant-east-asian: traditional;

/* <east-asian-width-values>値 */
font-variant-east-asian: full-width;
font-variant-east-asian: proportional-width;

/* 複数指定 */
font-variant-east-asian: ruby jis90 full-width;

/* グローバル値 */
font-variant-east-asian: inherit;
font-variant-east-asian: initial;
font-variant-east-asian: revert;
font-variant-east-asian: unset;