View in English Always switch to English

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属性决定字体大小。

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

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

font-size-adjust = 
 none | 
 [ ex-height | cap-height | ch-width | ic-width | ic-height ] ? [ from-font | <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

font-size-adjust CSS 属性最初在 CSS 2 中被定义,但在 CSS 2.1 被放弃。后又被新添加至 CSS 3。

This page was last modified on ⁨2025年7月15日⁩ by MDN contributors.