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 type | 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。
浏览器兼容性
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!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 |
参见
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论