font-size-adjust
Baseline 2024
Newly available
Since July 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
概述
font-size-adjust
CSS 属性定义字体大小应取决于小写字母,而不是大写字母。在字体较小时,字体的可读性主要由小写字母的大小决定,通过此选项即可进行调整。
当font-family
的首选字体不可用时,如果备选字体的尺寸比(小写字母的大小与字体大小的比)有较大的差别时,可读性可能会成为一大问题。
为了兼容于不支持 font-size-adjust
的浏览器,该属性的值应该被定义为 font-size
的值所要乘的系数。这意味着定义的值应该为首选字体的尺寸比。例如,样式表这样定义
css
font-size: 14px;
font-size-adjust: 0.5;
的真实作用是定义小写字母的大小应该为 7px
高(0.5 × 14px)。
初始值 | none |
---|---|
适用元素 | 所有元素和文本. It also applies to ::first-letter and ::first-line . |
是否是继承属性 | 是 |
计算值 | as specified |
动画类型 | a number |
语法
css
/* 仍使用 font size 的值 */
font-size-adjust: none;
/* 使用小写字母大小为 font size 一半大小的字体大小 */
font-size-adjust: 0.5;
font-size-adjust: inherit;
值
正式语法
font-size-adjust =
none |
<number [0,∞]>
示例
css
p {
font:
12px Verdana,
"DejaVu Sans",
sans-serif;
font-size-adjust: 0.58;
}
规范
Specification |
---|
CSS Fonts Module Level 5 # font-size-adjust-prop |
浏览器兼容性
BCD tables only load in the browser