font-styleプロパティの使い方・サンプルコード
Sara
Code for Fun
font-variant-ligaturesプロパティは、日本語や中国語など、東アジアの言語の字形スタイルを指定します。
* 表示形式はブラウザによって異なります。
セレクタ {
font-variant-east-asian: ここに値を指定;
}
値 | |
---|---|
normal(初期値) | 別形式の使用を無効にする |
ruby | ルビ文字のための表記の使用を指定する |
proportional-width | 多様な文字幅を有効にする |
full-width | 文字幅を一定幅に揃える |
simplified | 簡体字中国語を指定 |
traditional | 繁体字中国語を指定 |
jis78 | 字形の規格を指定 |
jis83 | |
jis90 | |
jis04 |
HTML
<p class="normal">あいうえお</p>
<p class="proportional-width">あいうえお</p>
<p class="full-width">あいうえお</p>
CSS
.normal {
font-variant-east-asian: normal;
}
.proportional-width {
font-variant-east-asian: proportional-width;
}
.full-width {
font-variant-east-asian: full-width;
}
* NotoSansJPフォント(.otf)を使用
* | * |
* Windows で一部非対応