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 属性
