CSS font-size-adjust 屬性
示例
透過使用 font-size-adjust 屬性，瀏覽器將調整字型大小以在不同字型之間保持相同的寬高比值（“Verdana”的寬高比值為 0.545）。
.verdana {
font-family: Verdana, sans-serif;
字型大小: 15px;
}
.times {
font-family: Times, serif;
字型大小: 15px;
}
.adjust {
font-size-adjust: 0.545;
}
自己動手試一試 »
定義和用法
font-size-adjust 屬性用於在回退字型發生時，保持文字的可讀性和大小。
兩種字型（設定為相同大小）可能會佔據截然不同的空間。例如，Verdana 15px 的文字會比 15px Times 字型顯示的相同文字更大。
因此，當某個字型不可用時，瀏覽器會使用第二個或第三個指定的字型。這可能會導致字型大小發生很大的變化。
font-size-adjust 屬性允許你調整回退字型，使其在大小上更接近第一個字型。
所有字型都有一個寬高比值。寬高比值是小寫字母“x”和大寫字母“X”之間的大小差異。
當瀏覽器知道第一個選定字型的寬高比值時，瀏覽器就可以在顯示第二選擇字型文字時調整字型大小。
| 預設值 | none |
|---|---|
| 繼承 | 是 |
| 可動畫 | 是。 閱讀關於 可動畫屬性 的內容 |
| 版本 | CSS3 |
| JavaScript 語法 | object.style.fontSizeAdjust="0.545" Try it |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| font-size-adjust | 127 | 127 | 3 | 17 | 113 |
語法
font-size-adjust: number|none|initial|inherit;
屬性值
| 值 | 描述 |
|---|---|
| 數字 | 定義要使用的寬高比值 |
| none | 預設值。不調整字型大小 |
| initial | 將此屬性設定為其預設值。閱讀關於initial |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
HTML DOM 參考：fontSizeAdjust 屬性
