備忘録的プログラミングリファレンス

font-feature-settingsプロパティ

 font-feature-settingsプロパティは、OpenTypeフォントのもつ文字体裁機能を指定するプロパティです。

 ブラウザのフォントは等幅で表示されますが、font-feature-settingsプロパティは手で書いたように自然な字間と文字の大きさで表示したい場合に使います。ただし、OpenTypeフォントで、プロポーショナルメトリクスデータがあるフォントに限られます。

 OpenTypeフォントに限らずに文字体裁機能を指定するにはfont-variantやfont-variant-ligatures, font-variant-caps, font-variant-east-asian, font-variant-alternates, font-variant-numeric, font-variant-positionプロパティが推奨されています。

.font-YuMincho {
      font-family: 游明朝, "Yu Mincho", YuMincho;
}

.palt {
  font-feature-settings: "palt" 1;
}

 簡単に利用するにはOS間で共通のOpenTypeフォントで、プロポーショナルメトリクス情報をもつフォントを使用します。WindowsとmacOSで標準で共通のフォントには、「游ゴシック体」、「游明朝体」などがあります。

構文(Syntax)

CSS

font-feature-settings: normal | feature-value ;

DOM(JavaScript)

値の取得
String = object.style.fontFeatureSettings;
値の設定
object.style.fontFeatureSettings=" normal | feature-value ";

Values

Value摘要
normal初期値(default値)
feature-value"OpenTypeフォントのプロポーショナルメトリクス機能名"と[ 数値 | on | off ]の組み合わせ

備考(Remarks)

初期値(Default value)normal
継承(Inherited)Yes
CSS AnimationNo