font-size-adjust
在给文字设置相同的字体大小,不同的字体时,有些字体显示的文字可能就很难辨识甚至无法阅读。而影响字体辨识度的因素就是font-size和x-height(字母x的高度),这里有一个定义:x-height与font-size的比值被称为aspect value。
作用:
调整字体的辨识度。
语法格式:
font-size-adjust:none | inherit | <number>
调整后字体font-size的计算公式:
调整后的font-size = 声明的font-size * (font-size-adjust值 / 可用字体的aspect value)
举例:
如图1,我分别用了Verdana字体和Times字体,font-size是10px,而Times字体的英文辨识度很低,甚至有点影响阅读。
图1 (文字设置的代码附后)
上图中,对于Verdana字体,aspect value是0.58,而对于Times字体,aspect value是0.46,此时调整公式为10px * ( 0.58 / 0.46 ) = 12.6px
调整后的结果如图2所示:
图2 (文字设置的代码附后)
目前来说,个人感觉CSS中的font-size-adjust属性不太常用。
调整前:
p{ font-size:10px; } div{ width: 300px; } .c11{ font-family: Verdana,sans-serif; } .c12{ font-family: Times,serif; }
调整后:
p{ font-size:10px; } div{ width: 300px; } .c11{ font-family: Verdana,sans-serif; } .c12{ font-family: Times,serif; font-size-adjust: 0.58; }
以上是我个人对font-size-adjust的理解,如有更多的见解,希望互相交流,谢谢!