font-size-adjust

版本: CSS3

概述

font-size-adjust CSS属性定义字体大小应取决于小写字母,而不是大写字母。在字体较小时,字体的可读性主要由小写字母的大小决定,通过此选项即可进行调整。

font-family 的首选字体不可用时,如果备选字体的尺寸比(小写字母的大小与字体大小的比)有较大的差别时,可读性可能会成为一大问题。

为了兼容于不支持 font-size-adjust 的浏览器,该属性的值应该被定义为 font-size 的值所要乘的系数。这意味着定义的值应该为首选字体的尺寸比。例如,样式表这样定义

font-size: 14px;  
font-size-adjust: 0.5;

真实作用是定义小写字母的大小应该为 7px高 (0.5 × 14px)

示例

/* 仍使用font size的值 */
font-size-adjust: none;

/* 使用小写字母大小为font size一半大小的字体大小 */
font-size-adjust: 0.5;

font-size-adjust: inherit;

浏览器支持

IE浏览器 火狐浏览器 opera浏览器 chrome浏览器 safari浏览器
PC版,只有火狐浏览器支持 font-size-adjust

语法:

font-size-adjust : none | <number>

设置或检索对象的aspect值,用以保持首选字体的x-height。

  • 字体的小写字母"x"的高度与字号之间的比率被称为一个字体的aspect值
  • 高aspect值的字体被设置为很小的尺寸时会更易阅读。举例:Verdana的aspect值是0.58(意味着当字体尺寸为100px时,它的x-height是58px)。TimesNewRoman的aspect值是0.46。这就意味着Verdana在小尺寸时比TimesNewRoman更易阅读。
  • 可以使用这个公式来为可用字体推演出合适的字号:可应用到可用字体的字体尺寸=首选字体的字体尺寸*(font-size-adjust值/可用字体的aspect值)
  • 详述:如果14px的Verdana(aspect值是0.58)不可用,但是某个可用的字体的aspect值是0.46,那么替代字体的尺寸将是14*(0.58/0.46)=17.65px。
  • 对应的脚本特性为 fontSizeAdjust
默认值 none
适用于 所有元素。也适于 ::first-letter ::first-line
继承性
适用媒体 visual
动画性
计算值 指定值

取值:

  • none 仅根据 font-size 属性决定字体大小。
  • <number> 根据使小写字母大小(根据字体的x-height--西文字体设计中的基线与主线的距离--决定)为该值乘以 font-size 的结果定义字体。


    数字应为 font-family 的首选字体的尺寸比(x-height和字体大小的比)。这意味着当首选字体可用时,不论浏览器是否支持font-size-adjust,都会显示文字为 font-size 的大小。

例子

p {
   font: 12px verdana, "dejavu sans", sans-serif;
   font-size-adjust: 0.58;
}
div
{
font-size-adjust:0.58;
}