font-size-adjust - CSS(层叠样式表) 编辑

概述

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
Animation typea 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。

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support

未实现

1.0 (1.0)
Windows only
未实现 未实现 未实现 
3.0 (1.9)
All platforms
FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari MobileChrome for Android
Basic support?1.0 (1.9.2)???42.0

参见

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:56 次

字数:7665

最后编辑:7年前

编辑次数:0 次

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文