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

font-variant-alternatesCSSプロパティは代替グリフの使用を制御します。代替グリフは{{cssxref("@font-feature-values")}}で定義された代替名で参照される可能性があります。

+ +
/* 予約語 */
+font-variant-alternates: normal;
+font-variant-alternates: historical-forms;
+
+/* 函数表記値 */
+font-variant-alternates: stylistic(user-defined-ident);
+font-variant-alternates: styleset(user-defined-ident);
+font-variant-alternates: character-variant(user-defined-ident);
+font-variant-alternates: swash(user-defined-ident);
+font-variant-alternates: ornaments(user-defined-ident);
+font-variant-alternates: annotation(user-defined-ident);
+font-variant-alternates: swash(ident1) annotation(ident2);
+
+/* 大域値 */
+font-variant-alternates: initial;
+font-variant-alternates: inherit;
+font-variant-alternates: unset;
+
+ +

{{cssxref("@font-feature-values")}}@規則は，OpenType機能と関連付けられた代替グリフ函数（stylistic，styleset，character-variant，swash，ornament，又はannotation）用の名前を定義できます。本プロパティを用いて，（{{cssxref("@font-feature-values")}}で定義された）対人可読な名前をスタイルシートで使うことができます。

+ +

{{cssinfo}}

+ +

書式

+ +

本プロパティは二つの形式の内一方を取ります:

+ + + +

値

+ +
+
normal
+
この予約語は代替グリフを無効にします。
+
historical-forms
+
この予約語は歴史的形式――過去には一般的だったけれども今日そうではないグリフ――を有効にします。OpenTypeのhist機能タグに相当します。
+
stylistic()
+
この函数は個々の文字に対する様式的代替 (stylistic alternates) を有効にします。引数には数値に割り当てられたフォント固有の名称を指定します。OpenTypeのsalt機能タグ（例: salt 2）に相当します。
+
styleset()
+
この函数は一連の文字に対する様式的代替を有効にします。引数には数値に割り当てられたフォント固有の名称を指定します。OpenTypeのssXY機能タグ（例: ss02）に相当します。
+
character-variant()
+
この函数は文字に対する様式的代替を有効にします。styleset()に似ていますが，一連の文字に対して一貫したグリフを作成せず，個々の文字が持つ様式は独立しており整合する必要はありません。引数には数値に割り当てられたフォント固有の名称を指定します。OpenTypeのcvXY機能タグ（例: cv02）に相当します。
+
swash()
+
この函数は先端装飾〔訳注: グリフの先端を流線的に延長する装飾。訳語参考〕グリフを有効にします。引数には数値に割り当てられたフォント固有の名称を指定します。OpenTypeのswsh及びcswh機能タグ（例: swsh 2及びcswh 2）に相当します。
+
ornaments()
+
この函数は花形装飾活字及び他の飾り文字グリフのような装飾を有効にします。引数には数値に割り当てられたフォント固有の名称を指定します。OpenTypeのornm機能タグ（例: ornm 2）に相当します。 +
注意: 文義を維持する目的で，フォント設計者は，箇条書き記号 (U+2022) の装飾的変形としてのUnicodeの飾り文字とマッチしないような装飾を含めるべきです。幾つかの既存のフォントがこの助言に従っていないことに留意して下さい。
+
+
annotation()
+
この函数は丸数字又は鏡文字などの表記を有効にします。引数には数値に割り当てられたフォント固有の名称を指定します。OpenTypeのnalt機能タグ（例: nalt 2）に相当します。
+
+ +

形式文法

+ +
{{csssyntax}}
+ +

例

+ +

HTML

+ +
<p>Firefox rocks!</p>
+<p class="variant">Firefox rocks!</p>
+
+ +

CSS

+ +
@font-feature-values "Leitura Display Swashes" {
+    @swash { fancy: 1 }
+}
+
+p {
+  font-size: 1.5rem;
+}
+
+.variant {
+  font-family: Leitura Display Swashes;
+  font-variant-alternates: swash(fancy);
+}
+ +

結果

+ +
+

注意: この例を正しく閲覧するには，OpenTypeフォントLeitura Display Swashesを導入する必要があります。fontsgeek.com等から試験目的の無償版が入手できます。

+
+ +

{{ EmbedLiveSample('Example', '', '', '', 'Web/CSS/font-variant-alternates') }}

+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('CSS3 Fonts', '#propdef-font-variant-alternates', 'font-variant-alternates')}}{{Spec2('CSS3 Fonts')}}初期定義
+ +

ブラウザ互換性

+ + + +

{{Compat("css.properties.font-variant-alternates")}}

-- cgit v1.2.3-54-g00ecf