HTML & CSS

最終更新日:
公開日:

リファレンス

CSS

フォント フィーチャー セッティングス

font-feature-settingsプロパティ

OpenTypeフォントが提供する機能へアクセスするためのプロパティです。

  • 初期値

    normal

  • 継承

    継承あり

  • 適用できる要素

    全要素

次のような値を設定することができます。

  • normal – OpenTypeフォントの機能を使用しない
  • featureタグ – 任意のタグを指定

パターン1

タグの設定例です。使用するフォントにより、提供される機能は異なるので注意してください。指定できる機能については、Microsoftのこちらのページに一覧でまとまっています。※外部リンク

CSSコード例

.sample_css1 .text1 {
	font-feature-settings: "hwid";
}
.sample_css1 .text2 {
	font-feature-settings: "nalt";
}
.sample_css1 .text3 {
	font-feature-settings: "frac";
}

表示例:

テキストサンプル

テキストサンプル –

1/5 – 「frac」スラッシュを用いた分数

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。