为什么字体长宽比在网站上很重要
所有字体都有一个宽高比(或值)。 字体宽高值的计算方法是将字体的小写字母x高度除以字体大小。 如果具有此值,则可以使用CSS3中的fontSizeAdjust样式属性来指定用于显示网站的首选字体的纵横比值。
当您的网站在没有首选字体的计算机上查看时,fontSizeAdjust属性用于为替换字体选择最佳字体大小 。
即使您的首选字体不可用,此属性也可让您的页面看起来更加美观,并且您的类型更易于辨认。
关于fontSizeAdjust属性
使用fontSizeAdjust属性可以在必要时对字体替换进行一些控制。 当首选字体不可用时,浏览器会使用第二个指定字体,这通常会导致大小发生很大变化。 字体的可读性受小写字母大小的影响大于大写字母的大小。 当浏览器知道首选字体的纵横比值时,它可以更好地确定以第二种字体显示页面时要使用的大小。
这里是一个使用纵横比为0.58来调整字体大小的示例,这是Verdana的纵横比。 如果Verdana在计算机上不可用,则浏览器将替换字体大小设置为具有相似大小写字母以实现最佳可读性。
document.getElementById(“myP”)。style.fontSizeAdjust =“0.58”;注意:从发布开始,只有Mozilla Firefox完全支持fontSizeAdjust属性。
常见的字体宽高比
此表显示了几种常用字体系列的宽高比计算。
字形 | 纵横比 |
---|---|
宋体 | 0.52 |
先锋派 | 0.45 |
布克曼 | 0.40 |
宋体 | 0.47 |
世纪教科书 | 0.48 |
科钦 | 0.41 |
漫画三 | 0.53 |
信使 | 0.43 |
快递新 | 0.42 |
Garamond字体 | 0.38 |
格鲁吉亚 | 0.48 |
黑体 | 0.52 |
帕拉蒂诺 | 0.42 |
宋体 | 0.55 |
英语字体格式一种 | 0.45 |
投石机 | 0.52 |
宋体 | 0.58 |