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;

none

仅根据font-size属性决定字体大小。

<number>

根据使小写字母大小(根据字体的 x-height--西文字体设计中的基线与主线的距离--决定)为该值乘以font-size的结果定义字体。

数字应为font-family的首选字体的尺寸比(x-height 和字体大小的比)。这意味着当首选字体可用时,不论浏览器是否支持 font-size-adjust,都会显示文字为font-size的大小。

正式语法

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

参见