size-adjust

Baseline 2023
新推出

自 2023 年 9 月起,此功能可在最新的裝置和瀏覽器版本上使用。此功能可能無法在較舊的裝置或瀏覽器上使用。

size-adjust CSS 描述符,用於 @font-face at-rule,它定義了與此字型關聯的字形輪廓和度量的乘數。這使得在相同字型大小時,更容易協調各種字型的設計。

size-adjust 描述符的行為與 font-size-adjust 屬性類似。它透過匹配 ex 高度來計算每個字型的調整。

語法

css
size-adjust: 90%;

<percentage>

一個 <percentage> 值,初始值為 100%。

與此字型相關的所有度量都按給定百分比縮放。這包括字形前進、基線表以及 @font-face 描述符提供的覆蓋。

正式定義

相關的 at-rule@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%;
}

規範

規範
CSS Fonts Module Level 5
# size-adjust-desc

瀏覽器相容性

另見