网络上的字体距离调整和连字

时间:2021-02-23 17:31

网络上的字体距离调整和连字

1.png

近年来,就字体而言,网络字体使网站更加多样化和独特。尽管如此,与印刷相比,文本的电子显示仍有一段路要走–例如,字距紧缩和连字。

精心开发的字体包含所谓的字距表。在此,在考虑字母形式的情况下,在必要时校正字母对之间的距离。此外,可以使用连字将相邻字母组合在一起的连字。两者都会产生更均匀的字体外观,从而增加文本的可读性。

尽管没有建立标准,但是现代浏览器能够评估此信息。您可以使用CSS3属性进行控制<text-rendering>。但是,由于对字距调整和连字信息的评估需要处理能力,因此您基本上可以选择快速但不精确的显示,或者缓慢但在印刷上正确的显示。在标准设置中<auto>,浏览器本身决定使用哪个设置以及何时使用。

文本渲染:optimizeSpeed

优先考虑速度;字距调整信息和连字不被处理。

文本渲染:optimizeLegibility使用

字距调整信息和可选的连字,这会损害显示速度。

高位单词使用设置的文本渲染:optimizeSpeed渲染,低位单词使用设置的文本渲染:optimizeLegibility。

第三个选项<geometricPrecision>防止字体大小的微小变化,以实现最佳显示效果。通常,浏览器会选择显示效果最佳的文本大小,因为字距调整信息不会线性缩放。使用此选项,可以防止这种优化,并精确保留所需的字体大小-但可能会降低显示质量。

到目前为止,并非所有浏览器的行为方式都相同。因此,预先测试规格至关重要。而且不要忘记,功能强大的台式计算机可以快速显示优化的页面-但是,功能较弱的移动设备可能要花费很长时间。