MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

font-size-adjust

概述

font-size-adjust CSS属性定义字体大小应取决于小写字母,而不是大写字母。在字体较小时,字体的可读性主要由小写字母的大小决定,通过此选项即可进行调整。

font-family的首选字体不可用时,如果备选字体的尺寸比(小写字母的大小与字体大小的比)有较大的差别时,可读性可能会成为一大问题。

为了兼容于不支持font-size-adjust的浏览器,该属性的值应该被定义为font-size的值所要乘的系数。 这意味着定义的值应该为首选字体的尺寸比。例如,样式表这样定义

font-size: 14px;  
font-size-adjust: 0.5;

的真实作用是定义小写字母的大小应该为7px高 (0.5 × 14px).

初始值none
适用元素all elements. It also applies to ::first-letter and ::first-line.
是否是继承属性yes
适用媒体visual
计算值as specified
是否适用于 CSS 动画yes, as a number
正规顺序the unique non-ambiguous order defined by the formal grammar

语法

/* 仍使用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的大小。

正式语法

none | <number>

示例

查看在线演示

p {
   font: 12px Verdana, "DejaVu Sans", sans-serif;
   font-size-adjust: 0.58;
} 

规范

规范 状态 b
CSS Fonts Module Level 3
font-size-adjust
Candidate Recommendation  

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

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support

未实现

1.0 (1.0)
Windows only
未实现  未实现  未实现 
3.0 (1.9)
All platforms
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Basic support ? 1.0 (1.9.2) ? ? ? 42.0

参见

文档标签和贡献者

 此页面的贡献者: fscholz, Sebastianz, fskuok
 最后编辑者: fscholz,