aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMasahiro FUJIMOTO <mfujimot@gmail.com>2022-02-16 02:50:18 +0900
committerMasahiro FUJIMOTO <mfujimot@gmail.com>2022-02-22 15:20:39 +0900
commit9d4c3b9401fc23b1844300a521c398465a916f2e (patch)
tree139f6131ec42d0f33c9b0c786db2a04a69bb66e7
parent531fd1c665322cf5904066d42c6263fc9f76d32b (diff)
downloadtranslated-content-9d4c3b9401fc23b1844300a521c398465a916f2e.tar.gz
translated-content-9d4c3b9401fc23b1844300a521c398465a916f2e.tar.bz2
translated-content-9d4c3b9401fc23b1844300a521c398465a916f2e.zip
2022/01/31 時点の英語版に基づき新規翻訳
-rw-r--r--files/ja/web/css/@font-face/ascent-override/index.md81
-rw-r--r--files/ja/web/css/@font-face/descent-override/index.md81
-rw-r--r--files/ja/web/css/@font-face/font-variant/index.md91
-rw-r--r--files/ja/web/css/@font-face/line-gap-override/index.md81
-rw-r--r--files/ja/web/css/@font-face/size-adjust/index.md80
5 files changed, 414 insertions, 0 deletions
diff --git a/files/ja/web/css/@font-face/ascent-override/index.md b/files/ja/web/css/@font-face/ascent-override/index.md
new file mode 100644
index 0000000000..08c291129d
--- /dev/null
+++ b/files/ja/web/css/@font-face/ascent-override/index.md
@@ -0,0 +1,81 @@
+---
+title: ascent-override
+slug: Web/CSS/@font-face/ascent-override
+tags:
+ - '@font-face'
+ - アットルール記述子
+ - CSS
+ - リファレンス
+ - 記述子
+ - ascent-override
+browser-compat: css.at-rules.font-face.ascent-override
+translation_of: Web/CSS/@font-face/ascent-override
+---
+{{CSSRef}}
+
+**`ascent-override`** は CSS の記述子で、フォントのアセンダーの寸法を定義します。アセンダーの寸法は CSS がインライン整形コンテキストで行ボックスをレイアウトするために使用するベースラインの上の高さです。
+
+## 構文
+
+```css
+ascent-override: normal;
+ascent-override: 90%;
+```
+
+### 値
+
+- `normal`
+ - : 既定値です。使用すると、寸法をフォントファイルから取得します。
+- `<percentage>`
+ - : {{cssxref("&lt;percentage&gt;")}} の値です。
+
+## 公式定義
+
+{{cssinfo}}
+
+## 形式文法
+
+{{csssyntax}}
+
+## 例
+
+## 代替フォントの寸法を上書き
+
+`ascent-override` プロパティは、代替フォントの寸法を第一のウェブフォントのものにより一致するように寸法を上書きするのに役立ちます。
+
+```css
+@font-face {
+ font-family: web-font;
+ src: url("https://example.com/font.woff");
+}
+
+@font-face {
+ font-family: local-font;
+ src: local(Local Font);
+ ascent-override: 125%;
+}
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{cssxref("@font-face/descent-override", "descent-override")}}
+- {{cssxref("@font-face/font-display", "font-display")}}
+- {{cssxref("@font-face/font-family", "font-family")}}
+- {{cssxref("@font-face/font-weight", "font-weight")}}
+- {{cssxref("@font-face/font-style", "font-style")}}
+- {{cssxref("@font-face/font-stretch", "font-stretch")}}
+- {{cssxref("@font-face/font-variant", "font-variant")}}
+- {{cssxref("font-feature-settings", "font-feature-settings")}}
+- {{cssxref("@font-face/font-variation-settings", "font-variation-settings")}}
+- {{cssxref("@font-face/line-gap-override", "line-gap-override")}}
+- {{cssxref("@font-face/src", "src")}}
+- {{cssxref("@font-face/size-adjust", "size-adjust")}}
+- {{cssxref("@font-face/unicode-range", "unicode-range descriptor")}}
diff --git a/files/ja/web/css/@font-face/descent-override/index.md b/files/ja/web/css/@font-face/descent-override/index.md
new file mode 100644
index 0000000000..2226b06d28
--- /dev/null
+++ b/files/ja/web/css/@font-face/descent-override/index.md
@@ -0,0 +1,81 @@
+---
+title: descent-override
+slug: Web/CSS/@font-face/descent-override
+tags:
+ - '@font-face'
+ - アットルール記述子
+ - CSS
+ - リファレンス
+ - 記述子
+ - descent-override
+browser-compat: css.at-rules.font-face.descent-override
+translation_of: Web/CSS/@font-face/descent-override
+---
+{{CSSRef}}
+
+**`descent-override`** は CSS の記述子で、フォントのディセンダーの寸法を定義します。ディセンダーの寸法は CSS がインライン整形コンテキストで行ボックスをレイアウトするために使用するベースラインの下の高さです。
+
+## 構文
+
+```css
+descent-override: normal;
+descent-override: 90%;
+```
+
+### 値
+
+- `normal`
+ - : 既定値です。使用すると、寸法をフォントファイルから取得します。
+- `<percentage>`
+ - : {{cssxref("&lt;percentage&gt;")}} の値です。
+
+## 公式定義
+
+{{cssinfo}}
+
+## 形式文法
+
+{{csssyntax}}
+
+## 例
+
+## 代替フォントの寸法を上書き
+
+`descent-override` プロパティは、代替フォントの寸法を第一のウェブフォントのものにより一致するように寸法を上書きするのに役立ちます。
+
+```css
+@font-face {
+ font-family: web-font;
+ src: url("https://example.com/font.woff");
+}
+
+@font-face {
+ font-family: local-font;
+ src: local(Local Font);
+ descent-override: 125%;
+}
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{cssxref("@font-face/ascent-override", "ascent-override")}}
+- {{cssxref("@font-face/font-display", "font-display")}}
+- {{cssxref("@font-face/font-family", "font-family")}}
+- {{cssxref("@font-face/font-weight", "font-weight")}}
+- {{cssxref("@font-face/font-style", "font-style")}}
+- {{cssxref("@font-face/font-stretch", "font-stretch")}}
+- {{cssxref("@font-face/font-variant", "font-variant")}}
+- {{cssxref("font-feature-settings", "font-feature-settings")}}
+- {{cssxref("@font-face/font-variation-settings", "font-variation-settings")}}
+- {{cssxref("@font-face/line-gap-override", "line-gap-override")}}
+- {{cssxref("@font-face/src", "src")}}
+- {{cssxref("@font-face/size-adjust", "size-adjust")}}
+- {{cssxref("@font-face/unicode-range", "unicode-range descriptor")}}
diff --git a/files/ja/web/css/@font-face/font-variant/index.md b/files/ja/web/css/@font-face/font-variant/index.md
new file mode 100644
index 0000000000..6ba0183bc1
--- /dev/null
+++ b/files/ja/web/css/@font-face/font-variant/index.md
@@ -0,0 +1,91 @@
+---
+title: font-variant
+slug: Web/CSS/@font-face/font-variant
+browser-compat: css.at-rules.font-face.font-variant
+translation_of: Web/CSS/@font-face/font-variant
+---
+{{CSSRef}}
+
+**`font-variant`** は CSS の[一括指定プロパティ](/ja/docs/Web/CSS/Shorthand_properties)で、 {{cssxref("@font-face")}} ルールで指定されたフォントのすべての変化形を設定することができます。
+
+## 構成要素のプロパティ
+
+このプロパティは、以下の CSS プロパティの一括指定です。
+
+- {{cssxref("font-variant-alternates")}}
+- {{cssxref("font-variant-caps")}}
+- {{cssxref("font-variant-east-asian")}}
+- {{cssxref("font-variant-ligatures")}}
+- {{cssxref("font-variant-numeric")}}
+
+## 構文
+
+```css
+font-variant: small-caps;
+font-variant: common-ligatures small-caps;
+
+/* グローバル値 */
+font-variant: inherit;
+font-variant: initial;
+font-variant: unset;
+```
+
+### 値
+
+- `normal`
+ - : 通常のフォントフェイスを指定します。それぞれの個別指定プロパティは normal の初期値になります。 `font-variant` の個別指定プロパティは、 {{cssxref("font-variant-caps")}}, {{cssxref("font-variant-numeric")}}, {{cssxref("font-variant-alternates")}}, {{cssxref("font-variant-ligatures")}}, {{cssxref("font-variant-east-asian")}} です。
+- `none`
+ - : {{cssxref("font-variant-ligatures")}} の値を `none` に設定し、それ以外の個別指定プロパティは、初期値である `normal` とします。
+- `<common-lig-values>`, `<discretionary-lig-values>`, `<historical-lig-values>`, `<contextual-alt-values>`
+ - : 個別指定プロパティの {{cssxref("font-variant-ligatures")}} に関するキーワードを指定します。指定可能な値は、 `common-ligatures`, `no-common-ligatures`, `discretionary-ligatures`, `no-discretionary-ligatures`, `historical-ligatures`, `no-historical-ligatures`, `contextual`, `no-contextual` です。
+- `stylistic()`, `historical-forms`, `styleset()`, `character-variant()`, `swash()`, `ornaments()`, `annotation()`
+ - : 個別指定プロパティの {{cssxref("font-variant-alternates")}} に関するキーワードや関数を指定します。
+- `small-caps`, `all-small-caps`, `petite-caps`, `all-petite-caps`, `unicase`, `titling-caps`
+ - : 個別指定プロパティの {{cssxref("font-variant-caps")}} に関するキーワードや関数を指定します。
+- `<numeric-figure-values>`, `<numeric-spacing-values>`, `<numeric-fraction-values>`, `ordinal`, `slashed-zero`
+ - : 個別指定プロパティの {{cssxref("font-variant-numeric")}} に関するキーワードを指定します。指定可能な値は、 `lining-nums`, `oldstyle-nums`, `proportional-nums`, `tabular-nums`, `diagonal-fractions`, `stacked-fractions`, `ordinal`, `slashed-zero` です。
+- `<east-asian-variant-values>`, `<east-asian-width-values>`, `ruby`
+ - : 個別指定プロパティの {{cssxref("font-variant-east-asian")}} に関するキーワードを指定します。指定可能な値は、 `jis78`, `jis83`, `jis90`, `jis04`, `simplified`, `traditional`, `full-width`, `proportional-width`, `ruby` です。
+
+## 公式定義
+
+{{cssinfo}}
+
+## 形式文法
+
+{{csssyntax}}
+
+## 例
+
+### フォントの変化形 small-caps を設定
+
+以下は、ローカルの Open Sans フォントを見つけるか、それをインポートして、スモールキャップのフォントを利用できるようにするものです。
+
+```css
+@font-face {
+ font-family: "Open Sans";
+ src: local("Open Sans") format("woff2"),
+ url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
+ font-variant: small-caps;
+}
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{cssxref("@font-face/font-display", "font-display")}}
+- {{cssxref("@font-face/font-family", "font-family")}}
+- {{cssxref("@font-face/font-weight", "font-weight")}}
+- {{cssxref("@font-face/font-style", "font-style")}}
+- {{cssxref("@font-face/font-stretch", "font-stretch")}}
+- {{cssxref("font-feature-settings", "font-feature-settings")}}
+- {{cssxref("@font-face/font-variation-settings", "font-variation-settings")}}
+- {{cssxref("@font-face/src", "src")}}
+- {{cssxref("@font-face/unicode-range", "unicode-range descriptor")}}
diff --git a/files/ja/web/css/@font-face/line-gap-override/index.md b/files/ja/web/css/@font-face/line-gap-override/index.md
new file mode 100644
index 0000000000..ce9f13c07c
--- /dev/null
+++ b/files/ja/web/css/@font-face/line-gap-override/index.md
@@ -0,0 +1,81 @@
+---
+title: line-gap-override
+slug: Web/CSS/@font-face/line-gap-override
+tags:
+ - '@font-face'
+ - アットルール記述子
+ - CSS
+ - リファレンス
+ - 記述子
+ - line-gap-override
+browser-compat: css.at-rules.font-face.line-gap-override
+translation_of: Web/CSS/@font-face/line-gap-override
+---
+{{CSSRef}}
+
+**`line-gap-override`** は CSS の記述子で、そのフォントの line-gap の寸法を定義します。 line-gap の寸法は、フォントが推奨する line-gap または external leading です。
+
+## 構文
+
+```css
+line-gap-override: normal;
+line-gap-override: 90%;
+```
+
+### 値
+
+- `normal`
+ - : 既定値です。使用すると、寸法をフォントファイルから取得します。
+- `<percentage>`
+ - : {{cssxref("&lt;percentage&gt;")}} の値です。
+
+## 公式定義
+
+{{cssinfo}}
+
+## 形式文法
+
+{{csssyntax}}
+
+## 例
+
+### 代替フォントの寸法を上書き
+
+`line-gap-override` プロパティは、代替フォントの寸法を第一のウェブフォントのものにより一致するように寸法を上書きするのに役立ちます。
+
+```css
+@font-face {
+ font-family: web-font;
+ src: url("https://example.com/font.woff");
+}
+
+@font-face {
+ font-family: local-font;
+ src: local(Local Font);
+ line-gap-override: 125%;
+}
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{cssxref("@font-face/descent-override", "descent-override")}}
+- {{cssxref("@font-face/font-display", "font-display")}}
+- {{cssxref("@font-face/font-family", "font-family")}}
+- {{cssxref("@font-face/font-weight", "font-weight")}}
+- {{cssxref("@font-face/font-style", "font-style")}}
+- {{cssxref("@font-face/font-stretch", "font-stretch")}}
+- {{cssxref("@font-face/font-variant", "font-variant")}}
+- {{cssxref("font-feature-settings", "font-feature-settings")}}
+- {{cssxref("@font-face/font-variation-settings", "font-variation-settings")}}
+- {{cssxref("@font-face/line-gap-override", "line-gap-override")}}
+- {{cssxref("@font-face/src", "src")}}
+- {{cssxref("@font-face/size-adjust", "size-adjust")}}
+- {{cssxref("@font-face/unicode-range", "unicode-range descriptor")}}
diff --git a/files/ja/web/css/@font-face/size-adjust/index.md b/files/ja/web/css/@font-face/size-adjust/index.md
new file mode 100644
index 0000000000..320eeb67a2
--- /dev/null
+++ b/files/ja/web/css/@font-face/size-adjust/index.md
@@ -0,0 +1,80 @@
+---
+title: size-adjust
+slug: Web/CSS/@font-face/size-adjust
+tags:
+ - '@font-face'
+ - アットルール記述子
+ - CSS
+ - リファレンス
+ - 記述子
+ - size-adjust
+browser-compat: css.at-rules.font-face.size-adjust
+translation_of: Web/CSS/@font-face/size-adjust
+---
+{{CSSRef}}
+
+**`size-adjust`** は CSS の記述子で、記述子は、このフォントに関連する字体のアウトラインとメトリックの乗数を定義します。これにより、同じフォントサイズでレンダリングしたときに、様々なフォントのデザインを調和させることが容易になります。
+
+`size-adjust` 記述子は {{cssxref("font-size-adjust")}} プロパティと似たような振る舞いをします。これは、 ex の高さを一致させることによって、フォントごとに調整を計算します。
+
+## 構文
+
+```css
+size-adjust: 90%;
+```
+
+### 値
+
+- `<percentage>`
+ - : {{cssxref("&lt;percentage&gt;")}} 値で、初期値は 100% です。
+
+このフォントに関連するすべての寸法は、指定されたパーセント値で拡大縮小されます。これには、字形の前進、ベースライン表、および {{cssxref("@font-face")}} 記述子によって提供されるオーバーライドが含まれます。
+
+## 公式定義
+
+{{cssinfo}}
+
+## 形式文法
+
+{{csssyntax}}
+
+## 例
+
+## 代替フォントの寸法を上書き
+
+`size-adjust` プロパティは、代替フォントの寸法を第一のウェブフォントのものにより一致するように寸法を上書きするのに役立ちます。
+
+```css
+@font-face {
+ font-family: web-font;
+ src: url("https://example.com/font.woff");
+}
+
+@font-face {
+ font-family: local-font;
+ src: local(Local Font);
+ size-adjust: 90%;
+}
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{cssxref("@font-face/font-display", "font-display")}} 記述子
+- {{cssxref("@font-face/font-family", "font-family")}} 記述子
+- {{cssxref("@font-face/font-weight", "font-weight")}} 記述子
+- {{cssxref("@font-face/font-style", "font-style")}} 記述子
+- {{cssxref("@font-face/font-stretch", "font-stretch")}} 記述子
+- {{cssxref("@font-face/font-variant", "font-variant")}} 記述子
+- {{cssxref("font-feature-settings", "font-feature-settings")}}
+- {{cssxref("@font-face/font-variation-settings", "font-variation-settings")}} 記述子
+- {{cssxref("@font-face/src", "src")}} 記述子
+- {{cssxref("@font-face/unicode-range", "unicode-range")}} 記述子
+- {{cssxref('font-size-adjust')}} property