@font-feature-values

@font-feature-values CSS @-規則 は、OpenType では異なる方法でアクティベートされる特性について、font-variant-alternates プロパティ内で共通の名前を使用できます。これは単純に、複数のフォントを使用する場合に CSS での指定を助けます。

/* Font One における "nice-style" のための @-規則 */
@font-feature-values Font One {
  @styleset {
    nice-style: 12;
  }
}

/* Font Two における "nice-style" のための @-規則 */
@font-feature-values Font Two {
  @styleset {
    nice-style: 4;
  }
} 

…

/* 1 回の宣言で @-規則を適用 */
.nice-look {
  font-variant-alternates: styleset(nice-style);
}

@font-feature-values @-規則は、CSS のトップレベルと任意の CSS 条件グループ @-規則 のどちらでも使用できます。

構文

特性値のブロック

@swash

font-variant-alternates の swash() 関数表記に渡される特性名を指定します。文字飾り (swash) の特性値に定義できる値は 1 個だけです。ident1: 2 は正しいですが、ident2: 2 4 は正しくありません。

@annotation

font-variant-alternates の annotation() 関数表記に渡される特性名を指定します。注釈 (annotation) 特性値に定義できる値は 1 個だけです。ident1: 2 は正しいですが、ident2: 2 4 は正しくありません。

@ornaments

font-variant-alternates の ornaments() 関数表記に渡される特性名を指定します。装飾活字 (ornaments) の特性値に定義できる値は 1 個だけです。ident1: 2 は正しいですが、ident2: 2 4 は正しくありません。

@stylistic

font-variant-alternates の stylistic() 関数表記に渡される特性名を指定します。文字様式 (stylistic) の特性値に定義できる値は 1 個だけです。ident1: 2 は正しいですが、ident2: 2 4 は正しくありません。

@styleset

font-variant-alternates の styleset() 関数表記に渡される特性名を指定します。ident1: 2 4 12 1 は、OpenType 値 ss02 および ss04, ss12, ss01 にマッピングされます。99 よりも大きな値は正しいですが、どの OpenType 値にもマッピングされず、無視されます。

@character-variant

font-variant-alternates の character-variant() 関数表記に渡される特性名を指定します。異体字 (character-variant) の特性値に定義できる値は 1 個または 2 個です。ident1: 3 は cv03=1 にマッピングされ、ident2: 2 4 は cv02=4 にマッピングされます。

正式な構文

@font-feature-values <family-name># {
  <feature-value-block-list>
}
where 
<family-name> = <string> | <custom-ident>+
<feature-value-block-list> = <feature-value-block>+
where 
<feature-value-block> = <feature-type> '{' <feature-value-declaration-list> '}'
where 
<feature-type> = @stylistic | @historical-forms | @styleset | @character-variant | @swash | @ornaments | @annotation
<feature-value-declaration-list> = <feature-value-declaration>
where 
<feature-value-declaration> = <custom-ident>: <integer>+;

仕様

ブラウザーの実装状況

関連項目

• この @-規則が定義する値を使用する font-variant-alternates プロパティ。