CSS Fonts の各プロパティを更新

- 2021/11/05 時点の英語版に同期

1 files changed, 71 insertions, 62 deletions

diff --git a/files/ja/web/css/font-size-adjust/index.md b/files/ja/web/css/font-size-adjust/index.md
index bc36ec5ced..ae6556f754 100644
--- a/files/ja/web/css/font-size-adjust/index.md
+++ b/files/ja/web/css/font-size-adjust/index.md
@@ -3,75 +3,97 @@ title: font-size-adjust
 slug: Web/CSS/font-size-adjust
 tags:
   - CSS
-  - CSS Fonts
-  - CSS Property
-  - Reference
-  - 'recipe:css-property'
+  - CSS フォント
+  - CSS プロパティ
+  - リファレンス
+  - recipe:css-property
+browser-compat: css.properties.font-size-adjust
 translation_of: Web/CSS/font-size-adjust
 ---
-<p><strong><code>font-size-adjust</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> のプロパティで、 (大文字の大きさを定義する) 現在のフォントサイズに相対的な小文字の大きさを設定します。</p>
+**`font-size-adjust`** は [CSS](/ja/docs/Web/CSS) のプロパティで、 (大文字の大きさを定義する) 現在のフォントサイズに相対的な小文字の大きさを設定します。
 
-<pre class="brush:css no-line-numbers notranslate">/* 指定されたフォントサイズを使用 */
+```css
+/* 指定されたフォントサイズを使用 */
 font-size-adjust: none;
 
 /* 小文字のフォントサイズを、指定された
 フォントサイズの半分にする */
 font-size-adjust: 0.5;
 
+/* 2 つの値 - Level 5 仕様書で追加 */
+font-size-adjust: ex-height 0.5;
+
 /* グローバル値 */
 font-size-adjust: inherit;
 font-size-adjust: initial;
+font-size-adjust: revert;
 font-size-adjust: unset;
-</pre>
+```
 
-<p>このプロパティが便利なのは、特に小さなサイズのフォントの読みやすさは、大文字の高さではなく小文字の高さで決まるからです。最初に選択した {{Cssxref("font-family")}} が利用できず、その代替フォントのアスペクト比 (小文字の大きさとフォントの大きさの比率) が著しく異なる場合、読みやすさが問題になることがあります。</p>
+このプロパティが便利なのは、特に小さなサイズのフォントの読みやすさは、大文字の高さではなく小文字の高さで決まるからです。最初に選択した {{Cssxref("font-family")}} が利用できず、その代替フォントのアスペクト比 (小文字の大きさとフォントの大きさの比率) が著しく異なる場合、読みやすさが問題になることがあります。
 
-<p>このプロパティの使い方は、 <code>font-size-adjust</code> に対応していないブラウザーと互換性を持たせるため、 {{ Cssxref("font-size") }} プロパティに掛け合わせる数値として指定します。つまり、このプロパティ指定された値は、ふつう最初に選択されたフォントのアスペクト比になります。例えば、次のように指定されたスタイルシートでは、</p>
+このプロパティの使い方は、 `font-size-adjust` に対応していないブラウザーと互換性を持たせるため、 {{ Cssxref("font-size") }} プロパティに掛け合わせる数値として指定します。つまり、このプロパティ指定された値は、ふつう最初に選択されたフォントのアスペクト比になります。例えば、次のように指定されたスタイルシートでは、
 
-<pre class="brush: css notranslate">font-size: 14px;
+```css
+font-size: 14px;
 font-size-adjust: 0.5;
-</pre>
+```
+
+実際のところ、フォントの小文字が `7px` の高さ (0.5 x 14px) を持つべきであると指定しています。これは、 `font-size-adjust` に対応していないブラウザーでは `14px` のフォントが使用されている場合でも、妥当な結果が得られます。
+
+## 構文
 
-<p>実際のところ、フォントの小文字が <code>7px</code> の高さ (0.5 x 14px) を持つべきであると指定しています。これは、 <code>font-size-adjust</code> に対応していないブラウザーでは <code>14px</code> のフォントが使用されている場合でも、妥当な結果が得られます。</p>
+### 値
 
-<h2 id="Syntax" name="Syntax">構文</h2>
+- `none`
+  - : {{ Cssxref("font-size") }} プロパティだけを基準にフォントサイズを選びます。
+- ex-height | cap-height | ch-width | ic-width | ic-height
 
-<h3 id="Values" name="Values">値</h3>
+  - : 正規化の対象となるフォントメトリックを指定します。既定値は `ex-height` です。次のいずれかです。
 
-<dl>
- <dt><code>none</code></dt>
- <dd>{{ Cssxref("font-size") }} プロパティだけを基準にフォントサイズを選びます。</dd>
- <dt>{{cssxref("&lt;number&gt;")}}</dt>
- <dd>
- <p>{{ Cssxref("font-size") }} に掛け合わせて小文字の高さ (そのフォントの文字 x の高さ) になるような値を指定し、フォントサイズを選びます。</p>
+    - `ex-height`
+      - : x-height をフォントサイズで割った値を使って、フォントのアスペクト値を正規化します。
+    - `cap-height`
+      - : フォントの cap-height を正規化し、cap-height をフォントサイズで使用します。
+    - `ch-width`
+      - : "0" (ZERO, U+0030) の送り幅をフォントサイズで割った値を使って、フォントの横方向の狭ピッチを正規化します。
+    - `ic-width`
+      - : "水" (CJK water ideograph, U+6C34) の送り幅をフォントサイズで割って、フォントの水平方向のワイドピッチを正規化します。
+    - `ic-height`
+      - : フォントの垂直方向のワイドピッチを、"水" (CJK water ideograph, U+6C34) のアドバンスハイトをフォントサイズで割った値で正規化します。
 
- <p>指定した数値は、通常は最初に選んだ {{ Cssxref("font-family") }} のアスペクト比 (文字 x の高さとフォントサイズの比率) にしてください。こうすれば、最初に選んだフォントが利用可能なら、ブラウザーが <code>font-size-adjust</code> に対応しているかどうかに関わらず、どのブラウザーでも同じサイズで表示されます。</p>
+- {{cssxref("&lt;number&gt;")}}
 
- <p><code>0</code> は高さが 0 のテキスト (非表示テキスト) になります。</p>
- </dd>
-</dl>
+  - : {{ Cssxref("font-size") }} に掛け合わせて小文字の高さ (そのフォントの文字 x の高さ) になるような値を指定し、フォントサイズを選びます。
 
-<h2 id="Formal_definition" name="Formal_definition">公式定義</h2>
+    指定した数値は、通常は最初に選んだ {{ Cssxref("font-family") }} のアスペクト比 (文字 x の高さとフォントサイズの比率) にしてください。こうすれば、最初に選んだフォントが利用可能なら、ブラウザーが `font-size-adjust` に対応しているかどうかに関わらず、どのブラウザーでも同じサイズで表示されます。
 
-<p>{{cssinfo}}</p>
+    `0` は高さが 0 のテキスト (非表示テキスト) になります。
 
-<h2 id="Formal_syntax" name="Formal_syntax">形式文法</h2>
+## 公式定義
+
+{{cssinfo}}
+
+## 形式定義
 
 {{csssyntax}}
 
-<h2 id="Examples" name="Examples">例</h2>
+## 例
 
-<h3 id="Adjusting_lower-case_letter_sizes" name="Adjusting_lower-case_letter_sizes">小文字の大きさの調整</h3>
+<h3 id="Adjusting_lower-case_letter_sizes">小文字の大きさの調整</h3>
 
-<h4 id="HTML">HTML</h4>
+#### HTML
 
-<pre class="brush: html notranslate">&lt;p class="times"&gt;This text uses the Times font (10px), which is hard to read in small sizes.&lt;/p&gt;
-&lt;p class="verdana"&gt;This text uses the Verdana font (10px), which has relatively large lowercase letters.&lt;/p&gt;
-&lt;p class="adjtimes"&gt;This is the 10px Times, but now adjusted to the same aspect ratio as the Verdana.&lt;/p&gt;</pre>
+```html
+<p class="times">This text uses the Times font (10px), which is hard to read in small sizes.</p>
+<p class="verdana">This text uses the Verdana font (10px), which has relatively large lowercase letters.</p>
+<p class="adjtimes">This is the 10px Times, but now adjusted to the same aspect ratio as the Verdana.</p>
+```
 
-<h4 id="CSS">CSS</h4>
+#### CSS
 
-<pre class="brush: css notranslate">.times {
+```css
+.times {
   font-family: Times, serif;
   font-size: 10px;
 }
@@ -83,40 +105,27 @@ font-size-adjust: 0.5;
 
 .adjtimes {
   font-family: Times, serif;
-  font-size-adjust: 0.58;
+  font-size-adjust: ex-height 0.58;
   font-size: 10px;
 }
-</pre>
+```
+
+#### 結果
 
-<h4 id="Results" name="Results">結果</h4>
+{{ EmbedLiveSample('Adjusting_lower-case_letter_sizes', 500, 200) }}
 
-<p>{{ EmbedLiveSample('Adjusting_lower-case_letter_sizes', 500, 200) }}</p>
+## 仕様書
 
-<h2 id="Specifications" name="Specifications">仕様書</h2>
+{{Specifications}}
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">仕様書</th>
-   <th scope="col">状態</th>
-   <th scope="col">備考</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{ SpecName('CSS3 Fonts', '#propdef-font-size-adjust', 'font-size-adjust') }}</td>
-   <td>{{ Spec2('CSS3 Fonts') }}</td>
-   <td>初回定義</td>
-  </tr>
- </tbody>
-</table>
+## ブラウザーの互換性
 
-<div class="note">
-<p><code>font-size-adjust</code> は最初に CSS 2 で定義されましたが、 CSS 2.1 で削除されました。 CSS 3 で新たに定義し直されました。</p>
-</div>
+{{Compat}}
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+{{CSSRef}}
 
-<p>{{Compat("css.properties.font-size-adjust")}}</p>
+## 関連情報
 
-<div>{{CSSRef}}</div>
+- {{cssxref("font-size")}}
+- {{cssxref("font-weight")}}
+- [基本的なテキストとフォントの装飾](/ja/docs/Learn/CSS/Styling_text/Fundamentals)