From 917858acd763bfb1f5d1e794c4f3bf45d00f3666 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 6 Nov 2021 01:12:30 +0900 Subject: CSS Fonts の各プロパティを更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/11/05 時点の英語版に同期 --- files/ja/web/css/font-variant-ligatures/index.md | 261 +++++++++++------------ 1 file changed, 127 insertions(+), 134 deletions(-) (limited to 'files/ja/web/css/font-variant-ligatures') diff --git a/files/ja/web/css/font-variant-ligatures/index.md b/files/ja/web/css/font-variant-ligatures/index.md index edf996a99a..b92d56a4ef 100644 --- a/files/ja/web/css/font-variant-ligatures/index.md +++ b/files/ja/web/css/font-variant-ligatures/index.md @@ -3,144 +3,143 @@ title: font-variant-ligatures slug: Web/CSS/font-variant-ligatures tags: - CSS - - CSS Fonts - - CSS Property - - Reference - - 'recipe:css-property' + - CSS フォント + - CSS プロパティ + - リファレンス + - recipe:css-property +browser-compat: css.properties.font-variant-ligatures translation_of: Web/CSS/font-variant-ligatures --- -
{{CSSRef}}
+{{CSSRef}} -

font-variant-ligatures は CSS のプロパティで、適用される用途の文字コンテンツで使われる{{Glossary("ligature", "合字")}}および{{Glossary("contextual forms", "文脈に合わせた字形")}}を制御します。これにより、結果のテキストでより調和した形を利用することができます。

+**`font-variant-ligatures`** は CSS のプロパティで、適用される用途の文字コンテンツで使われる{{Glossary("ligature", "合字")}}および{{Glossary("contextual forms", "文脈に合わせた字形")}}を制御します。これにより、結果のテキストでより調和した形を利用することができます。 -
{{EmbedInteractiveExample("pages/css/font-variant-ligatures.html")}}
+{{EmbedInteractiveExample("pages/css/font-variant-ligatures.html")}} - +## 構文 -

構文

- -
/* キーワード値 */
+```css
+/* キーワード値 */
 font-variant-ligatures: normal;
 font-variant-ligatures: none;
-font-variant-ligatures: common-ligatures;           /* <common-lig-values> */
-font-variant-ligatures: no-common-ligatures;        /* <common-lig-values> */
-font-variant-ligatures: discretionary-ligatures;    /* <discretionary-lig-values> */
-font-variant-ligatures: no-discretionary-ligatures; /* <discretionary-lig-values> */
-font-variant-ligatures: historical-ligatures;       /* <historical-lig-values> */
-font-variant-ligatures: no-historical-ligatures;    /* <historical-lig-values> */
-font-variant-ligatures: contextual;                 /* <contextual-alt-values> */
-font-variant-ligatures: no-contextual;              /* <contextual-alt-values> */
+font-variant-ligatures: common-ligatures;           /*  */
+font-variant-ligatures: no-common-ligatures;        /*  */
+font-variant-ligatures: discretionary-ligatures;    /*  */
+font-variant-ligatures: no-discretionary-ligatures; /*  */
+font-variant-ligatures: historical-ligatures;       /*  */
+font-variant-ligatures: no-historical-ligatures;    /*  */
+font-variant-ligatures: contextual;                 /*  */
+font-variant-ligatures: no-contextual;              /*  */
 
 /* グローバル値 */
 font-variant-ligatures: inherit;
 font-variant-ligatures: initial;
+font-variant-ligatures: revert;
 font-variant-ligatures: unset;
-
- -

font-variant-ligatures プロパティは、以下の一覧のキーワード値のうち一つで指定します。

- -

値

- -
-
normal
-
正しいレンダリングに必要な通常の合字や文脈書式を有効にします。有効になる合字と書式は、フォント、言語、および書法の種類によって異なります。これが既定値です。
-
none
-
一般的なものであっても、すべての合字や文脈書式を無効にします。
-
<common-lig-values>
-
fi, ffi, th などの、よくある合字を制御します。 OpenType の値 liga および clig に対応します。二つの値が指定できます。 -
    -
  • common-ligatures: これらの合字を有効にします。なお、キーワード normal はこれらの合字を有効にします。
    • -
  • no-common-ligatures: これらの合字を無効にします。
    • -
-
-
<discretionary-lig-values>
-
フォントに依存し文字デザイナーが定義する特定の合字を制御します。対応する OpenType の値は dlig です。二つの値が指定できます。 -
    -
  • discretionary-ligatures: これらの合字を有効にします。
    • -
  • no-discretionary-ligatures: これらの合字を無効にします。なお、キーワード normal はふつう、これらの合字を無効にします。
    • -
-
-
<historical-lig-values>
-
古い本で歴史的に使用された、ドイツ語の tz を ꜩ と表示するような合字です。対応する OpenType の値は hlig です。二つの値が指定できます。 -
    -
  • historical-ligatures: これらの合字を有効にします。
    • -
  • no-historical-ligatures これらの合字を無効にします。なお、キーワード normal はふつう、これらの合字を無効にします。
    • -
-
-
<contextual-alt-values>
-
字形を文脈に合わせるかどうかを制御します。つまり、字形を周囲の文字に合わせるかどうかです。対応する OpenType の値は calt です。二つの値が指定できます。 -
    -
  • contextual: 文脈的な変更を使用するよう指定します。なお、キーワード normal はこれらの合字も有効にします。
    • -
  • no-contextual: 使用を避けます。
    • -
-
-
- -

公式定義

- -

{{cssinfo}}

- -

形式文法

+``` + +`font-variant-ligatures` プロパティは、以下の一覧のキーワード値のうち一つで指定します。 + +### 値 + +- `normal` + - : 正しいレンダリングに必要な通常の合字や文脈書式を有効にします。有効になる合字と書式は、フォント、言語、および書法の種類によって異なります。これが既定値です。 +- `none` + - : 一般的なものであっても、すべての合字や文脈書式を無効にします。 +- _\_ + + - : `fi`, `ffi`, `th` などの、よくある合字を制御します。 OpenType の値 `liga` および `clig` に対応します。2 つの値が指定できます。 + + - `common-ligatures`: これらの合字を有効にします。なお、キーワード `normal` はこれらの合字を有効にします。 + - `no-common-ligatures`: これらの合字を無効にします。 + +- _\_ + + - : フォントに依存し文字デザイナーが定義する特定の合字を制御します。対応する OpenType の値は `dlig` です。2 つの値が指定できます。 + + - `discretionary-ligatures`: これらの合字を有効にします。 + - `no-discretionary-ligatures`: これらの合字を無効にします。なお、キーワード `normal` はふつう、これらの合字を無効にします。 + +- _\_ + + - : 古い本で歴史的に使用された、ドイツ語の tz を ꜩ と表示するような合字です。対応する OpenType の値は `hlig` です。2 つの値が指定できます。 + + - `historical-ligatures`: これらの合字を有効にします。 + - `no-historical-ligatures` これらの合字を無効にします。なお、キーワード `normal` はふつう、これらの合字を無効にします。 + +- _\_ + + - : 字形を文脈に合わせるかどうかを制御します。つまり、字形を周囲の文字に合わせるかどうかです。対応する OpenType の値は `calt` です。2 つの値が指定できます。 + + - `contextual`: 文脈的な変更を使用するよう指定します。なお、キーワード `normal` はこれらの合字も有効にします。 + - `no-contextual`: 使用を避けます。 + +## 公式定義 + +{{cssinfo}} + +## 形式定義 {{csssyntax}} -

例

+## 例 -

フォントの合字と文脈に合わせた字形の設定

+

フォントの合字と文脈に合わせた字形の設定

-

HTML

+#### HTML -
<link href="//fonts.googleapis.com/css?family=Lora" rel="stylesheet">
-<p class="normal">
-  normal<br>
+```html
+
+

+  normal

   if fi ff tf ft jf fj
-</p>
-<p class="none">
-  none<br>
+

+

+  none

   if fi ff tf ft jf fj
-</p>
-<p class="common-ligatures">
-  common-ligatures<br>
+

+

+  common-ligatures

   if fi ff tf ft jf fj
-</p>
-<p class="no-common-ligatures">
-  no-common-ligatures<br>
+

+

+  no-common-ligatures

   if fi ff tf ft jf fj
-</p>
-<p class="discretionary-ligatures">
-  discretionary-ligatures<br>
+

+

+  discretionary-ligatures

   if fi ff tf ft jf fj
-</p>
-<p class="no-discretionary-ligatures">
-  no-discretionary-ligatures<br>
+

+

+  no-discretionary-ligatures

   if fi ff tf ft jf fj
-</p>
-<p class="historical-ligatures">
-  historical-ligatures<br>
+

+

+  historical-ligatures

   if fi ff tf ft jf fj
-</p>
-<p class="no-historical-ligatures">
-  no-historical-ligatures<br>
+

+

+  no-historical-ligatures

   if fi ff tf ft jf fj
-</p>
-<p class="contextual">
-  contextual<br>
+

+

+  contextual

   if fi ff tf ft jf fj
-</p>
-<p class="no-contextual">
-  no-contextual<br>
+

+

+  no-contextual

   if fi ff tf ft jf fj
-</p>
-<p class="contextual">
-  contextual<br>
+

+

+  contextual

   if fi ff tf ft jf fj
-</p>
+

+```
 
-
+#### CSS -

CSS

- -
p {
+```css
+p {
   font-family: Lora, serif;
 }
 .normal {
@@ -185,31 +184,25 @@ font-variant-ligatures: unset;
 
 .contextual {
   font-variant-ligatures: contextual;
-}
- -

結果

- -

{{ EmbedLiveSample('Setting_font_ligatures_and_contextual_forms', '', '700', '', 'Web/CSS/font-variant-ligatures') }}

- -

仕様書

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

ブラウザーの互換性

- -

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

+} +``` + +#### 結果 + +{{ EmbedLiveSample('Setting_font_ligatures_and_contextual_forms', '', '700', '', 'Web/CSS/font-variant-ligatures') }} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{cssxref("font-variant-alternates")}} +- {{cssxref("font-variant-caps")}} +- {{cssxref("font-variant-east-asian")}} +- {{cssxref("font-variant")}} +- {{cssxref("font-variant-numeric")}} -- cgit v1.2.3-54-g00ecf