• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • font-size-adjust

    版本:CSS3

    概述

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

    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;
    }