百科狗-知识改变命运!

font-size-adjust - css 字体属性

乐乐2年前 (2023-11-21)阅读数 28#技术干货
文章标签字体

font-size-adjust

版本:CSS3

font-size-adjust - css 字体属性

概述

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;

浏览器支持

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

语法:

font-size-adjust:none|

设置或检索对象的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属性决定字体大小。
  • 根据使小写字母大小(根据字体的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;
}

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)
{if $zbp->Config('yd1125')->foot}