CSS font-feature-settings

- 推奨

サポートされているOpenTypeフォントに、高度な書体および言語固有のフォント機能を適用する方法。

Chrome

  1. 4 - 15:サポートされていません
  2. 16 - 20:部分的にサポートされています
  3. 21 - 47:サポートされています
  4. 48 - 123:サポートされています
  5. 124:サポートされています
  6. 125 - 127:サポートされています

Edge

  1. 12 - 123:サポートされています
  2. 124:サポートされています

Safari

  1. 3.1 - 3.2:サポートされていません
  2. 4 - 6:部分的にサポートされています
  3. 6.1 - 9:サポートされていません
  4. 9.1 - 17.3:サポートされています
  5. 17.4:サポートされています
  6. 17.5 - TP:サポートされています

Firefox

  1. 2 - 3.6:サポートされていません
  2. 4 - 14:部分的にサポートされています
  3. 15 - 33:サポートされています
  4. 34 - 124:サポートされています
  5. 125:サポートされています
  6. 126 - 128:サポートされています

Opera

  1. 9 - 12.1:サポートされていません
  2. 15 - 34:サポートされています
  3. 35 - 108:サポートされています
  4. 109:サポートされています

IE

  1. 5.5 - 9:サポートされていません
  2. 10:サポートされています
  3. 11:サポートされています

Chrome for Android

  1. 124:サポートされています

Safari on iOS

  1. 3.2 - 6.1:部分的にサポートされています
  2. 7 - 9.2:サポートされていません
  3. 9.3 - 17.3:サポートされています
  4. 17.4:サポートされています
  5. 17.5:サポートされています

Samsung Internet

  1. 4:サポートされています
  2. 5 - 23:サポートされています
  3. 24:サポートされています

Opera Mini

  1. 全て:サポートされていません

Opera Mobile

  1. 10 - 12.1:サポートされていません
  2. 80:サポートされています

UC Browser for Android

  1. 15.5:サポートされています

Androidブラウザ

  1. 2.1 - 4.3:サポートされていません
  2. 4.4 - 4.4.4:サポートされています
  3. 124:サポートされています

Firefox for Android

  1. 125:サポートされています

QQブラウザ

  1. 14.9:サポートされています

Baiduブラウザ

  1. 13.52:サポートされています

KaiOSブラウザ

  1. 2.5:サポートされています
  2. 3:サポートされています

可能な限り、`font-variant` shorthandプロパティ、または関連するlonghandプロパティ(`font-variant-ligatures`、`font-variant-caps`、`font-variant-east-asian`、`font-variant-alternates`、`font-variant-numeric`、`font-variant-position`)を使用する必要があります。このプロパティは、OpenTypeフォント機能を有効化またはアクセスするための他の方法が存在しない特殊なケースを処理するために設計された低レベルの機能です。特に、このCSSプロパティを使用してスモールキャップを有効にするべきではありません。

リソース
MDN Web Docs - font-feature-settings
Mozilla Hacks記事
CSSにおけるOpenType機能の構文(Adobe Typekitヘルプ)
アクセシビリティサポートに関する詳細表
デモページ(IE/Firefoxのみ)
WebPlatform Docs
OpenTypeレイアウト機能タグレジストリ