font-size-adjust

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的理解，如有更多的见解，希望互相交流，谢谢！