mozilla
Your Search Results

    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
    基本サポート ? ? ? ? ?

    ブラウザに関する注記

    関連情報

    ドキュメントのタグと貢献者

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