CSS手册
»
属性列表
»
字体属性
»
相关内容:
其它字体属性参考
选择其它项
font
font-style
font-variant
font-weight
font-size
font-family
font-stretch
font-size-adjust
font-size-adjust
版本:CSS3
2018.3.21
语法:
font-size-adjust
:none |
<number>
默认值
:
none
适用于
:所有元素
继承性
:有
动画性
:当值为
<number>
时
计算值
:指定值
媒 体
:视觉
取值:
none:
不保留首选字体的 x-height
<number>
:
定义字体的 aspect 值。
说明:
定义元素的 aspect 值,用以保持首选字体的 x-height。
字体的小写字母 "x" 的高度与字号之间的比率被称为一个字体的 aspect 值
高 aspect 值的字体被设置为很小的尺寸时会更易阅读。举例:Verdana 的 aspect 值是 0.58(意味着当字体尺寸为 100px 时,它的 x-height 是 58px)。Times New Roman 的 aspect 值是 0.46。这就意味着 Verdana 在小尺寸时比 Times New Roman 更易阅读。
可以使用这个公式来为可用字体推演出合适的字号:可应用到可用字体的字体尺寸 = 首选字体的字体尺寸 * (font-size-adjust 值 / 可用字体的 aspect 值)
详述:如果 14px 的 Verdana(aspect 值是 0.58)不可用,但是某个可用的字体的 aspect 值是 0.46,那么替代字体的尺寸将是 14 * (0.58/0.46) = 17.65px。
对应的脚本特性为:
fontSizeAdjust
。
兼容性:
浅绿
= 支持
红色
= 不支持
粉色
= 部分支持
Values
IE
Firefox
Chrome
Safari
Opera
iOS Safari
Android Browser
Android Chrome
Basic Support
8.0-16.0
40.0
40.0-64.0
8.0-11.0
40.0-50.0
8.0-11.3
4.4-62.0
28.0-64.0
示例:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>font-size-adjust - CSS手册 - API参考文档</title> <style> body { font: 14px/1.5 Verdana, Times New Roman; font-size-adjust: .58; } </style> </head> <body> <p>Hello World!</p> </body> </html>