【CSS Modules】font-language-overrideプロパティの使い方

font-language-overrideプロパティは、OpenTypeフォントにおける言語固有の文字レンダリング動作を制御するためのプロパティです。このプロパティは、CSSによって明示的にフォントのレンダリング言語情報を指定し、多言語環境において文字表示の正確性を高めるために利用されます。

OpenTypeフォントには、単一の文字コードに対応する複数の異なる字形（グリフ）や、特定の言語で使われる合字（複数の文字が結合した形）が内部に格納されていることがあります。たとえば、アラビア語のように言語固有の合字や書字規則が適用されることで、より自然で正しい表示が実現できます。また、ラテン文字を使用する複数の言語間でも、同じ文字が言語によって異なる字形を持つことがあり、その適切な選択が必要となる場面があります。

このfont-language-overrideプロパティに、ISO 639-1またはISO 639-2で定義された言語コード文字列（例: jaは日本語、enは英語）を指定することで、対象フォントのその言語に特化した機能が有効になり、その言語の慣習に沿った文字が選択され、表示されるようになります。これにより、文書の言語設定やユーザーエージェントのデフォルト設定に依存することなく、開発者が意図した通りの言語固有のフォントレンダリングを強制できる点が特徴です。

値としてnormalを指定すると、このプロパティの効果は無効になり、通常の言語レンダリングが行われます。このプロパティは、特に国際化されたウェブアプリケーションや、複数の言語を扱うドキュメントにおいて、テキストの視覚的な正確性を保証するために重要な役割を果たします。

Copy
1selector {
2  font-language-override: "jp";
3}

引数なし

引数はありません

戻り値なし

戻り値はありません