font-feature-settings

これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。各ブラウザで用いるために、適切なベンダー接頭辞が必要な場合があります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。

概要

font-feature-settings CSS プロパティは OpenType フォントの先進的なタイポグラフィの機能を制御します。

注記: 可能であればいつでも、ウェブ著者は font-variant プロパティを使うべきです。このプロパティは、OpenType フォントの機能を有効にする方法やアクセスの方法が他にない、特別な状況を扱うために設計されてきました。

特に、スモールキャップスの表現にこのプロパティを使うべきではありません。
  • 初期値 normal
  • 適用対象 全要素
  • 継承 継承する
  • メディア visual
  • 計算値 指定値
  • アニメーションの可否 不可
  • 正規順序 形式文法で定義される一意のあいまいでない順序

構文

形式文法: normal | <feature-tag-value>#
font-feature-settings: normal
font-feature-settings: "smcp"
font-feature-settings: "smcp" on
font-feature-settings: "swsh" 2
font-feature-settings: "smcp", "swsh" 2

font-feature-settings: inherit

normal
テキストはデフォルト設定で配置されます。
<feature-tag-value>
テキストの描画時、OpenType の機能タグ値のリストがテキストレイアウトエンジンに渡され、フォントの機能を有効化または無効化します。タグは常に 4文字のASCII 文字の <文字列> です。文字数がこれより少ないか多い場合、もしくはコードポイント U+20 - U+7E の範囲外の文字を含む場合、プロパティ全体が無効になります。
値は正の整数です。キーワード onoff はそれぞれ 10 の別名です。値がセットされていなければ、デフォルトは 1 です。 非真偽値の OpenType 機能(例:stylistic alternates)では、この値は選ばれる特定のグリフを意味します。真偽値の機能はオンとオフを切り替えます。

/* use small-cap alternate glyphs */
.smallcaps { font-feature-settings: "smcp" on; }

/* convert both upper and lowercase to small caps (affects punctuation also) */
.allsmallcaps { font-feature-settings: "c2sc", "smcp"; }

/* enable historical forms */
.hist { font-feature-settings: "hist"; }

/* disable common ligatures, usually on by default */
.noligs { font-feature-settings: "liga" 0; }

/* enable tabular (monospaced) figures */
td.tabular { font-feature-settings: "tnum"; }

/* enable automatic fractions */
.fractions { font-feature-settings: "frac"; }

/* use the second available swash character */
.swash { font-feature-settings: "swsh" 2; }

/* enable stylistic set 7 */
.fancystyle {
  font-family: Gabriola; /* available on Windows 7, and on Mac OS */
  font-feature-settings: "ss07";
}

仕様

仕様書 策定状況 コメント
CSS Fonts Module Level 3 勧告候補  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 16.0 -webkit 4.0 (2.0) (注記をご覧ください)-moz 10.0 未サポート 未サポート
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート ? ? ? ? ?

ブラウザに関する注記

関連情報

Document Tags and Contributors

Contributors to this page: sosleepy, ethertank, momdo
最終更新者: momdo,
サイドバーを隠す