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 の記述子で、記述子は、このフォントに関連する字体のアウトラインとメトリックの乗数を定義します。これにより、同じフォントサイズでレンダリングしたときに、様々なフォントのデザインを調和させることが容易になります。
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
関連情報
font-display
記述子font-family
記述子font-weight
記述子font-style
記述子font-stretch
記述子font-variant
記述子font-feature-settings
font-variation-settings
記述子src
記述子unicode-range
記述子font-size-adjust
property