text-rendering: optimizeLegibility в UI и longread

Кернинг, лигатуры и цена отрисовки мелкого текста.

Значение `text-rendering: optimizeLegibility` включает улучшенный кернинг и лигатуры — заголовки hero выглядят ровнее, но отрисовка мелкого текста может стать дороже.

На длинных абзацах блога чаще оставляют `auto` или `optimizeSpeed` — меньше лишней работы GPU на тысячах строк в ленте.

text-rendering — MDN — auto, optimizeSpeed, optimizeLegibility.

Практика

Ограничьте optimizeLegibility классом `.display-title`, не наследуйте на весь `body` без замеров в Performance.