font-optical-sizing

Подстраиваем вариативный шрифт, чтобы он лучше читался.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

Свойство font-optical-sizing позволяет браузеру менять начертание глифов для улучшения разборчивости текста.

Мелкий текст будет отображаться более толстым начертанием, а крупный текст, напротив, может отображаться более тонким начертанием.

Работает для шрифтов, в которых предусмотрена ось оптического изменения размера.

Как пишется

Скопировано
  • auto — браузер решает каким начертанием отображать текст (значение по умолчанию).
  • none — браузер ничего не решает, текст отображается без изменений.

Оптической осью можно также управлять вручную с помощью ключа opsz свойства font-variation-settings.