CSS font-size-adjust 屬性

定義和用法

font-size-adjust 屬性為某個元素規定一個 aspect 值,這樣就可以保持首選字體的 x-height。

說明

字體的小寫字母 "x" 的高度與 "font-size" 高度之間的比率被稱為一個字體的 aspect 值。當字體擁有高的 aspect 值時,那么當此字體被設置為很小的尺寸時會更易閱讀。舉例:Verdana 的 aspect 值是 0.58(意味著當字體尺寸為 100px 時,它的 x-height 是 58px )。Times New Roman 的 aspect 值是 0.46。這就意味著 Verdana 在小尺寸時比 Times New Roman 更易閱讀。

另請參閱:

CSS 教程:CSS 字體

CSS 參考手冊:CSS font 屬性

HTML DOM 參考手冊:fontSizeAdjust 屬性

實例

設置不同的 HTML 元素的 font-size-adjust 屬性:

h1
  {
  font-size-adjust:0.58;
  }
p
  {
  font-size-adjust:0.60;
  }

親自試一試

CSS 語法

font-size-adjust: number|none|initial|inherit;

屬性值

描述
none 默認。如果此字體不可用,則不保持此字體的 x-height。
number

定義字體的 aspect 值比率。

可使用的公式:

首選字體的字體尺寸 * (font-size-adjust 值 / 可用字體的 aspect 值)=可應用到可用字體的字體尺寸

舉例:

如果 14px 的 Verdana(aspect 值是 0.58)不可用,但是某個可用的字體的 aspect 值是 0.46,那么替代字體的尺寸將是 14 * (0.58/0.46) = 17.65px。

技術細節

默認值: none
繼承性: yes
版本: CSS2
JavaScript 語法: object.style.fontSizeAdjust="0.70"

TIY 實例

使用 font-size-adjust 設置字體尺寸
本例演示如何使用 font-size-adjust 設置字體尺寸。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
不支持 不支持 3.0 不支持 不支持