From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/css/@font-feature-values/index.html | 97 ++++++++++++++++++++++++ 1 file changed, 97 insertions(+) create mode 100644 files/ja/web/css/@font-feature-values/index.html (limited to 'files/ja/web/css/@font-feature-values') diff --git a/files/ja/web/css/@font-feature-values/index.html b/files/ja/web/css/@font-feature-values/index.html new file mode 100644 index 0000000000..18e2d4f558 --- /dev/null +++ b/files/ja/web/css/@font-feature-values/index.html @@ -0,0 +1,97 @@ +--- +title: '@font-feature-values' +slug: Web/CSS/@font-feature-values +tags: + - At-rule + - CSS + - CSS Fonts + - Reference +translation_of: Web/CSS/@font-feature-values +--- +
{{CSSRef}}
+ +

@font-feature-valuesCSSアット規則で、OpenType で有効化された特性が異なるものに対して {{cssxref("font-variant-alternates")}} プロパティで共通の名前を使用することができます。これは、複数のフォントを使用している場合に CSS を簡素化するのに役立ちます。

+ +

@font-feature-values アット規則は、CSS の最上位で使用することも、任意の CSS の条件付きグループアット規則の内部で使用することもできます。

+ +

構文

+ +

特性値のブロック

+ +
+
@swash
+
{{cssxref("font-variant-alternates")}} の {{cssxref("font-variant-alternates", "swash()", "#swash()")}} 関数記法に渡される特性名を指定します。文字飾り (swash) の特性値に定義できる値は 1 個だけです。ident1: 2 は正しいですが、ident2: 2 4 は正しくありません。
+
@annotation
+
{{cssxref("font-variant-alternates")}} の {{cssxref("font-variant-alternates", "annotation()", "#annotation()")}} 関数記法に渡される特性名を指定します。注釈 (annotation) 特性値に定義できる値は 1 個だけです。ident1: 2 は正しいですが、ident2: 2 4 は正しくありません。
+
@ornaments
+
{{cssxref("font-variant-alternates")}} の {{cssxref("font-variant-alternates", "ornaments()", "#ornaments()")}} 関数記法に渡される特性名を指定します。装飾活字 (ornaments) の特性値に定義できる値は 1 個だけです。ident1: 2 は正しいですが、ident2: 2 4 は正しくありません。
+
@stylistic
+
{{cssxref("font-variant-alternates")}} の {{cssxref("font-variant-alternates", "stylistic()", "#stylistic()")}} 関数記法に渡される特性名を指定します。文字様式 (stylistic) の特性値に定義できる値は 1 個だけです。ident1: 2 は正しいですが、ident2: 2 4 は正しくありません。
+
@styleset
+
{{cssxref("font-variant-alternates")}} の {{cssxref("font-variant-alternates", "styleset()", "#styleset()")}} 関数記法に渡される特性名を指定します。ident1: 2 4 12 1 は、OpenType 値 ss02 および ss04, ss12, ss01 にマッピングされます。99 よりも大きな値は正しいですが、どの OpenType 値にもマッピングされず、無視されます。
+
@character-variant
+
{{cssxref("font-variant-alternates")}} の {{cssxref("font-variant-alternates", "character-variant()", "#character-variant()")}} 関数記法に渡される特性名を指定します。異体字 (character-variant) の特性値に定義できる値は 1 個または 2 個です。ident1: 3cv03=1 にマッピングされ、ident2: 2 4cv02=4 にマッピングされますが、 ident2: 2 4 5 は無効です。
+
+ +

形式文法

+ +
{{csssyntax}}
+ +

+ +

@font-feature-values 規則内での @styleset の使用

+ +
/* "nice-style" を Font One に指定するアット規則 */
+@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);
+}
+
+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('CSS3 Fonts', '#font-feature-values', '@font-feature-values')}}{{Spec2('CSS3 Fonts')}}初回定義
+ +

ブラウザーの互換性

+ +
+ + +

{{Compat("css.at-rules.font-feature-values")}}

+
+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf