编辑这个页面须要登录或更高权限!

CSS3 font-size-adjust 属性使用方法及示例

font-size-adjust CSS属性指定应该根据小写字母的高度而不是大写字母的高度来选择字体大小。

font-family作者指定的首选项不可用时,将发生字体回退,这可能会导致字体大小变大或变小。该font-size-adjust属性是在这种情况下保持文本可读性的一种方法。它通过调整字体大小来做到这一点,以便无论使用哪种字体,x-height都相同。

下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。

默认值:none
适用于:
所有元素。它也适用于::first-letter和::first-line。
继承:
可动画制作:是。请参考 动画属性
版本: CSS3的新功能
JavaScript语法:object.style.fontSizeAdjust="0.58"

font-size-adjust的使用语法

该属性的语法如下:

font-size-adjust: number | none | initial | inherit

下面的示例演示了如何使用font-size-adjust属性。

p {
    font-family: "DejaVu Sans", Arial, sans-serif;
    font-size-adjust: 0.6;
}
测试看看‹/›

属性值

下表描述了此属性的值。

描述
number定义字体的 aspect 值比率。 可使用的公式: 首选字体的字体尺寸 * (font-size-adjust 值 / 可用字体的 aspect 值)=可应用到可用字体的字体尺寸 举例: 如果 14px 的 Verdana(aspect 值是 0.58)不可用,但是某个可用的字体的 aspect 值是 0.46,那么代替字体的尺寸将是 14 * (0.58/0.46) = 17.65px。
none这是默认值。没有调整字体大小。仅根据font-size属性选择字体的大小。
initial将此属性设置为其默认值。
inherit如果指定,则关联元素采用其父元素font-size-adjust的属性值。

浏览器兼容性

font-size-adjust大多数浏览器均不支持该属性。

浏览器图标
  • Firefox 3+

  • Google Chrome×

  • Internet Explorer ×

  • Apple Safari ×

  • Opera ×

警告:font-size-adjust大多数浏览器当前不支持该属性。您最好避免使用此属性。

进一步阅读

请参考以下教程:CSS字体CSS单位CSS伪元素

相关属性和规则:fontfont-familyfont-sizefont-stretchfont-stylefont-variantfont-weight@font-face

CSS 参考手册
CSS @规则(RULES)
CSS 属性大全