【CSS Modules】font-variant-east-asianプロパティの使い方

font-variant-east-asianプロパティは、東アジア言語（日本語、中国語、韓国語など）の文字表現に関する詳細な字形（バリアント）指定を制御するプロパティです。このプロパティを使用することで、テキスト内の特定の文字の表示幅や、異なる漢字コード規格に基づく字形の違い、さらにはルビ（ふりがな）の表示方法などを細かく調整し、より視覚的に意図したとおりの表示を実現できます。

主な設定値としては、normal、full-width、proportional-width、jis78、jis83、jis90、jis04、rubyなどがあります。normalは、デフォルトの文字表示状態に戻します。full-widthは、一部の文字（例: 英数字や記号）を全角幅で表示するよう強制し、proportional-widthはそれらをプロポーショナル（可変）幅で表示します。

jis78、jis83、jis90、jis04は、日本語のJIS漢字コード規格に対応した字形バリアントを選択します。これにより、同じ漢字であっても、時代ごとの標準規格に合わせた特定の字形を適用し、文書の目的に応じた表現が可能になります。例えば、過去の出版物と整合性を持たせたい場合に活用できます。

また、rubyを設定することで、ルビと基底文字（ふりがなを振られる文字）の表示バランスを最適化し、文字の混雑を防ぎ、読みやすさを向上させることができます。

このプロパティは、特に多言語対応のウェブサイトや、専門的なテキスト表示が求められる場面で、東アジア言語のタイポグラフィ品質を高めるために役立ちます。font-variantショートハンドプロパティの一部としても機能します。

Copy
1font-variant-east-asian: ruby;

引数なし

引数はありません

戻り値なし

戻り値はありません