font-feature-settings CSS3

font-feature-settings は、OpenTypeフォント機能の利用を指定します。

名前:font-feature-settings
値: normal | <feature-tag-value> #
初期値:normal
適用対象:全ての要素
継承:する
パーセンテージ:n/a
メディア:visual（視覚的）
計算値:as specified（指定通り）
アニメーション:できない

Value（値）

normal
初期値通常
<feature-tag-value>
OperType機能タグ（feature-tag）で指定。 機能タグは 4つの ASCII 文字で、大文字小文字は区別される。 [有効・無効]は、0 以上の値で指定。値 0 は無効になる。onは、1 と同じ。offは、0 と同じ。 [有効・無効]を指定しない場合は 1 となる。値を複数指定するときはカンマ（,）で区切る。
:: 機能タグ値の構文 ::

<feature-tag-value> = <string> [ <integer> | on | off ]?

機能タグ値 = OperType機能タグ文字列 [有効・無効]

HTML source

<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
   p { font-family: Meiryo, 'Hiragino Kaku Gothic ProN', Candara; font-size: 32pt; }
   p.test1 { font-feature-settings: normal; }
   p.test2 { font-feature-settings: "liga" 0; }
   p.test3 { font-feature-settings: "liga" 1; }
   span.test4 { font-feature-settings: "c2sc" on; }
   span.test5 { font-feature-settings: "c2sc" off; }
  </style>
 </head>
 <body>
   <p class="test1">ff fi fl</p>
   <p class="test2">ff fi fl</p>
   <p class="test3">ff fi fl</p>
   <p>AB<span class="test4">CDEF</span>GH</p>
   <p>AB<span class="test5">CDEF</span>GH</p>
 </body>
</html>

display

ff fi fl

ff fi fl

ff fi fl

ABCDEFGH

ABCDEFGH

※ Google Chrome 64.0.3282.186、Firefox58.0.2にて表示確認（2018/3/11）

上に戻る