CSS font-size-adjust
屬性目前已在 Chrome 中推出。
並成為 Baseline「新推出」的一環這項資源有助於避免
備用廣告字型載入時的版面配置變化,並確保
即使字型大小較小,也能清晰呈現備用字型。font-size-adjust
屬於
2024 年互通性、
如此便能再次強化 GWP 的互通性
網路伺服器
問題
根據形狀和大小比較兩個設為相同大小的字型 字元,顯示的文字在大小上可能相差甚遠。 舉例來說,以下範例顯示 Verdana 和 Halmin 中的文字 並將兩個像素設為 16 像素
大小差異是因為切面值、 與字型中的大寫字母比較 或是不同字型
如果使用具有不同切面值的字型,這可能會造成兩個問題 並當做備用選項首先,字型佔用的空間會變更。 第二,備用字型可能較不易讀 優先指定,特別是使用較小的字型。這是因為 與小寫英文字母的相對高度 確保內容清晰可辨
font-size-adjust
提供的協助
font-size-adjust
屬性可讓您調整備用字型,進一步改善字型
符合第一個字型下列範例顯示
這次的字型已經過調整,以符合第一個字型
本範例使用單一值 (數字) 來調整字型
預設字型指標為 ex-height
。這是指 X 高度的
字型大小為小寫 x 的高度。您也可以指定字型的
指標。在下一個範例中,我使用了
ch-width
個關鍵字,以及數字。
如要查看所有可能的值,請參閱
font-size-adjust
的 MDN 說明文件。
建議您用備用字型檢視網站,看看是否有
使用 font-size-adjust
進行調整,有助於讀者使用備用字型
這項服務可以提供更好的使用體驗,尤其是在全球提供服務!