font-size-adjust · 跟老司機學CSS3

**font-size-adjust** * 描述：設置小寫字母 x 的高度與對象文字字號的比率。 * 版本：CSS3 * 繼承性：有 **語法** ``` font-size-adjust：取值; ``` 取值 none：默認，如果此字體不可用，則不保持此字體的 x-height。 inherit：繼承父元素的字體大小調整屬性。 number ：定義字體的 aspect 值比率。 **使用說明** * 字體的 x-height（即，小寫字母 'x' 的高度）與 font-size 高度的比值，稱作該字體的 aspect值。 * 當一個字體不可用，瀏覽器使用第二個指定的字體。這可能會導致改變字體大小。為了防止這種情況，可以使用 font-size-adjust 屬性。 * Times New Roman 字體比 Verdana 字體的 aspect 值要小，當使用備選字體時，必然會影響文本的易讀性，甚至導致頁面布局產生混亂。例如：Verdana 的 aspect 值是 0.58（意味著當字體尺寸為 100px 時，它的 x-height 是 58px）。Times New Roman 的 aspect 值是 0.46。只需把 font-size-adjust 屬性的值，設置為首選字體的 aspect 值，就可以保證使用備選字體后，文本的顯示尺寸不發生變化。 * 可用字體的字體尺寸 = 首選字體的字體尺寸 \* （font-size-adjust 值比率 / 可用字體的 aspect 值）例如：如果 14px 的 Verdana（aspect 值是 0.58）不可用，但是某個可用的字體的 aspect 值是 0.46，那么替代字體的尺寸將是 14 * (0.58/0.46) = 17.65px。 * 目前，僅得到 Firefox 瀏覽器的支持。 **代碼示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>font-size-adjust</title> <style> #container .p1{ font: 14px/1.5 verdana, Times New Roman; font-size-adjust: 0.58; } </style> </head> <body> <div id="container"> <p class="p1">Css3 Coding</p> </div> </body> </html> ```