CSS3

プロパティ

font-feature-settings

 編集:2022.07.14 by T.A.

mdn

OpenType フォントの拡張タイポグラフィの特性の制御。

名前 font-feature-settings
normal |
<feature-tag-value>#
初期値 normal
適用対象 すべての要素
継承 される
百分率 受容しない
算出値 指定値
正準的順序 文法に従う
アニメーション型 離散的

このプロパティは、OpenType フォント特能に対する低レベルな制御を供する。これには、[広く利用されてはいないが,ある特定の利用事例には必要になるようなフォント特能]へのアクセスを供する用途が意図されている。

以下のCSSが組み込んであります:

normal
このプロパティに因り、グリフ選定や位置決めが変わることはないことを意味する。
<SPAN style="
 font-family:Test_Font;
 font-feature-settings:normal;
 font-size:40px; letter-spacing:0px;
">ExafiAVT.</SPAN>
<feature-tag-value>#
<feature-tag-value>=<string> [<integer> | on | off]?
<string>
これは OpenType 特能タグであり、文字大小は区別される。OpenType 仕様 [OPENTYPE] による指定に従い、特能タグは 4 個の ASCII文字を包含する。

タグ文字列は、[長さが 4 文字に一致しない/符号位置範囲{U+0020 ~ U+007E}に入らない文字を包含している]場合には、無効になる。

特能タグは、[フォントの中で定義される特能タグ]に合致させるのみで十分なので、それらは[明示的に登録されている OpenType 特能]に制限されない。

カスタム特能タグを定義するフォントは、OpenType 仕様 [OPENTYPE-FEATURES] に定義される タグ名規則 に従うべきである。

<SPAN style="
 font-family:Test_Font;
 font-feature-settings:'kern';
 font-size:40px; letter-spacing:0px;
">ExafiAVT.</SPAN>

<SPAN style="
 font-family:Test_Font;
 font-size:40px; letter-spacing:0px;
">ExafiAVT.</SPAN>
指定なし:このフォントでは常にカーニングになっている

<integer>
グリフ選定用に利用される index を指示する。値は 0 以上でなければならない。

値 0 は、特能を不能化することを指示する。真偽特能に対する値 1 は、当の特能を可能化する。それ以外の特能に対する 1 以上の値は、当の特能を可能化すると同時に、その特能選定 index を指示する。

値[on は 1/off は 0]と同義である。省略された場合の値は、1 と見做される。

<SPAN style="
 font-family:Test_Font;
 font-feature-settings:'kern' 0;
 font-size:40px; letter-spacing:0px;
">ExafiAVT.</SPAN>

<SPAN style="
 font-family:Test_Font;
 font-feature-settings:'kern' 1;
 font-size:40px; letter-spacing:0px;
">ExafiAVT.</SPAN>

on
off
値 on は <integer> の 1 と同義であり、off は <integer> の 0 と同義である。省略された場合の値は、1 と見なされる。
<SPAN style="
 font-family:Test_Font;
 font-feature-settings:'kern' on;
 font-size:40px;
">AVT.</SPAN>

<SPAN style="
 font-family:Test_Font;
 font-feature-settings:'kern' off;
 font-size:40px;
">AVT.</SPAN>

font-feature-settings: "dlig" 1;	/*  dlig=1 は随意合字を可能化する  */
font-feature-settings: "smcp" on;	/*  smcp=1 は small-caps を可能化する  */
font-feature-settings: 'c2sc';	/*  c2sc=1 は capital →小 capital ( caps to small caps )を可能化する  */
font-feature-settings: "liga" off;	/*  liga=0 は共通合字を不要とする  */
font-feature-settings: "tnum", 'hist';	/*  tnum=1, hist=1 は 一定幅数字, および歴史的な形を可能化する  */
font-feature-settings: "PKRN";	/*  PKRN=1 はカスタム特能を可能化する  */
font-feature-settings: "tnum" "hist";	/*  無効 — カンマで区切られたリストにする必要がある  */
font-feature-settings: "silly" off;	/*  無効 — タグが長過ぎる  */
font-feature-settings: dlig;	/*  無効 — タグは【識別子ではなく,】文字列でなければならない  */

¶以下省く


テスト
HTML:

ここに表示
¶[Edge]それなり
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: