根据MDN,line-height
属性关键字normal
的值:
取决于用户代理。桌面浏览器(包括Firefox)使用 默认值大约为1.2,具体取决于元素的字体系列。
我正在使用的网站上的标准正文文本的样式为line-height
的{{1}}值(或字体大小的1.6倍)为文本提供了更多的喘息空间并提高了可读性。对于大多数字体来说,这很棒,但是在使网站国际化时,我发现某些字体的1.6
值比normal
大得多。当应用“松弛” 1.2
值时,它实际上变得更紧凑且更难以阅读。
为我们网站上显示的每种语言和字体(我们支持大约一百种)设置不同的行高值会很麻烦。 有没有一种方法,可以使用纯CSS或通过修改字体本身来避免在我们的标准网站样式中使用特定于字体的替代?
有问题的特定字体是NotoSansMyanmar,但我希望其他非罗马字体也会遇到同样的问题。
以下屏幕截图显示了line-height: 1.6
与line-height: 1.6
相比,Times New Roman如何变得更加放松,而诺托则变得更加紧凑。