CSS 3 font-size-adjust 属性

css font-size-adjust 属性用来更好的控制字体大小,当第一个选择的字体不可用时

当一个字体不可用,浏览器使用第二个指定的字体,这可能会导致改变字体大小

为了防止这种情况,使用的 font-size-adjust 属性

所有字体都能有 "aspect 值",这是小写字母 "X" 和大写字母 "X" 的大小差异

当浏览器知道 "aspect值" 为第一选择的字体时,浏览器可以找出什么样的 font-size 使用第二选择字体显示文字

默认值none
继承yes
版本CSS3
JavaScript 语法object.style.fontSizeAdjust="0.58"

语法

font-size-adjust: *number* |none|inherit;


值说明

描述
number定义字体的 aspect 值比率。
可使用的公式:
首选字体的字体尺寸 * (font-size-adjust 值 / 可用字体的 aspect 值)=可应用到可用字体的字体尺寸
举例:
如果 14px 的 Verdana(aspect 值是 0.58)不可用,但是某个可用的字体的 aspect 值是 0.46,那么替代字体的尺寸将是 14 * (0.58/0.46) = 17.65px
none默认。如果此字体不可用,则不保持此字体的 x-height
inherit继承父元素的字体大小调整属性

浏览器支持

目前只有 Firefox 支持 font-size-adjust 属性


范例

通过指定 font-size-adjust 属性,浏览器将调整字体大小,无论字体系列("宋体"性质值0.58)

div {
    font-size-adjust: 0.58;
}

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_365

目录选择