在css文件中设置text-rendering: optimizeLegibility有什么意义？

Question

在css文件中将文本渲染设置为optimizeLegibility有什么意义？？像这样

html {
   text-rendering: optimizeLegibility;
}

Answer 1

根据css-tricks的说法

CSS中的文本呈现属性允许您选择文本质量而不是速度(反之亦然)，允许您通过向浏览器建议如何在屏幕上呈现文本来微调优化。

MDN状态:文本呈现CSS属性向呈现引擎提供有关在呈现文本时针对哪些内容进行优化的信息。浏览器在速度、易读性和几何精度之间进行权衡。

optimizeLegibility是指浏览器强调易读性而不是渲染速度和几何精度。这使得能够针对某些字体使用可能包含在字体文件中的特殊字距调整和可选连字信息。