Утилиты для управления сглаживанием шрифта элемента.
Используйте утилиту subpixel-antialiased для рендеринга текста с использованием субпиксельного сглаживания.
Быстрая, коричневая лиса, перепрыгнула через ленивого пса.
<p class="subpixel-antialiased ...">Быстрая коричневая лиса...</p>Используйте утилиту antialiased для рендеринга текста с использованием сглаживания оттенков серого.
Быстрая, коричневая лиса, перепрыгнула через ленивого пса.
<p class="antialiased ...">Быстрая коричневая лиса...</p>Чтобы управлять сглаживанием шрифта элемента в определенной контрольной точке, добавьте префикс {screen}: к любой существующей утилите сглаживания шрифтов. Например, используйте md:antialiased, чтобы применить утилиту antialiased только при средних размерах экрана и выше.
<p class="antialiased sm:subpixel-antialiased md:antialiased ...">
Быстрая, коричневая лиса, перепрыгнула через ленивого пса.
</p>Для получения дополнительной информации о функциях адаптивного дизайна Tailwind ознакомьтесь с документацией Адаптивного дизайна.
По умолчанию, только responsive варианты создаются для утилит font smoothing.
Вы можете контролировать, какие варианты создаются для утилит font smoothing для изменения свойства fontSmoothing в разделе variants Вашего файла конфигурации tailwind.config.js.
Например, эта конфигурация также будет генерировать варианты hover и focus:
// tailwind.config.js
module.exports = {
variants: {
extend: {
// ...
+ fontSmoothing: ['hover', 'focus'],
}
}
}Если Вы не планируете использовать в своем проекте утилиты для изменения font smoothing, Вы можете полностью отключить их, установив для fontSmoothing свойство значение false в разделе corePlugins Вашего файла конфигурации:
// tailwind.config.js
module.exports = {
corePlugins: {
// ...
+ fontSmoothing: false,
}
}