size-adjust

Baseline 2024

Newly available

Since July 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

size-adjust は CSS の @font-face アットルールの記述子で、このフォントに関連する字体のアウトラインとメトリックの乗数を定義します。これにより、同じフォントサイズでレンダリングしたときに、様々なフォントのデザインを調和させることが容易になります。

size-adjust 記述子は font-size-adjust プロパティと似たような振る舞いをします。これは、 ex の高さを一致させることによって、フォントごとに調整を計算します。

構文

css

size-adjust: 90%;

値

<percentage>: <percentage> 値で、初期値は 100% です。

このフォントに関連するすべての寸法は、指定されたパーセント値で拡大縮小されます。これには、字形の前進、ベースライン表、および @font-face 記述子によって提供されるオーバーライドが含まれます。

公式定義

関連するアット規則	`@font-face`
初期値	`100%`
パーセント値	指定通り
計算値	指定通り

形式文法

size-adjust = 
  <percentage [0,∞]>

例

代替フォントの寸法を上書き

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%;
}

仕様書

Specification
CSS Fonts Module Level 5 # size-adjust-desc

ブラウザーの互換性

BCD tables only load in the browser