design

text-rendering: optimizeLegibility в UI и longread

text-rendering: optimizeLegibility в UI и longread

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

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

- [text-rendering — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering) — auto, optimizeSpeed, optimizeLegibility.

---

## Практика

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

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.