このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
size-adjust
Baseline 2023Newly available
Since September 2023, 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 |
ブラウザーの互換性
関連情報
font-display記述子font-family記述子font-weight記述子font-style記述子font-stretch記述子font-feature-settingsfont-variation-settings記述子src記述子unicode-range記述子font-size-adjustproperty