CSS font-size-Adjust 現已採用基準

瀏覽器支援

  • 127
  • 127
  • 3
  • 16.4

資料來源

CSS font-size-adjust 屬性目前已在 Chrome 中推出。 並成為 Baseline「新推出」的一環這項資源有助於避免 備用廣告字型載入時的版面配置變化,並確保 即使字型大小較小,也能清晰呈現備用字型。font-size-adjust 屬於 2024 年互通性、 如此便能再次強化 GWP 的互通性 網路伺服器

問題

根據形狀和大小比較兩個設為相同大小的字型 字元,顯示的文字在大小上可能相差甚遠。 舉例來說,以下範例顯示 Verdana 和 Halmin 中的文字 並將兩個像素設為 16 像素

文字以 16px 顯示,以 Verdana 和 chromebook 顯示。

大小差異是因為切面值、 與字型中的大寫字母比較 或是不同字型

如果使用具有不同切面值的字型,這可能會造成兩個問題 並當做備用選項首先,字型佔用的空間會變更。 第二,備用字型可能較不易讀 優先指定,特別是使用較小的字型。這是因為 與小寫英文字母的相對高度 確保內容清晰可辨

font-size-adjust 提供的協助

font-size-adjust 屬性可讓您調整備用字型,進一步改善字型 符合第一個字型下列範例顯示 這次的字型已經過調整,以符合第一個字型

使用 font-size-adjust

本範例使用單一值 (數字) 來調整字型 預設字型指標為 ex-height。這是指 X 高度的 字型大小為小寫 x 的高度。您也可以指定字型的 指標。在下一個範例中,我使用了 ch-width 個關鍵字,以及數字。

搭配 ch-width 字型指標使用 font-size-adjust

如要查看所有可能的值,請參閱 font-size-adjust 的 MDN 說明文件

建議您用備用字型檢視網站,看看是否有 使用 font-size-adjust 進行調整,有助於讀者使用備用字型 這項服務可以提供更好的使用體驗,尤其是在全球提供服務!