CSS font-size-adjust 属性
示例
通过使用 font-size-adjust 属性，浏览器将调整字体大小以在不同字体之间保持相同的纵横比值（“Verdana” 的纵横比值为 0.545）。
.verdana {
font-family: Verdana, sans-serif;
font-size: 15px;
}
.times {
font-family: Times, serif;
font-size: 15px;
}
.adjust {
font-size-adjust: 0.545;
}
亲自试一试 »
定义和用法
当出现后备字体时，font-size-adjust 属性用于保持文本的可读性和大小。
两种字体（设置为相同大小）可能占用非常不同的空间。例如，Verdana 15px 中的文本将比 Times 字体 15px 中显示的相同文本更大。
因此，当字体不可用时，浏览器会使用第二个或第三个指定的字体。这可能导致字体大小发生很大变化。
font-size-adjust 属性允许您调整后备字体以更好地匹配第一个字体的大小。
所有字体都有一个纵横比值。纵横比值是小写字母“x”和大写字母“X”之间的尺寸差异。
当浏览器知道第一个选定字体的纵横比值时，浏览器可以在使用第二选择字体显示文本时调整字体大小。
| 默认值 | none |
|---|---|
| 继承 | yes |
| 可动画 | yes。 了解有关 可动画 的信息 |
| 版本 | CSS3 |
| JavaScript 语法 | object.style.fontSizeAdjust="0.545" 试一试 |
浏览器支持
表中的数字指定完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| font-size-adjust | 127 | 127 | 3 | 17 | 113 |
语法
font-size-adjust: number|none|initial|inherit;
属性值
| 值 | 描述 |
|---|---|
| number | 定义要使用的纵横比值 |
| none | 默认值。不进行字体大小调整 |
| initial | 将此属性设置为其默认值。 了解有关 initial 的信息 |
| inherit | 从其父元素继承此属性。 了解有关 inherit 的信息 |
相关页面
HTML DOM 参考：fontSizeAdjust 属性
