Добавление отзывчивой типографики к блочным темам WordPress
Жидкая типографика — это модный способ описания свойств шрифта, таких как размер или высота строки, которые плавно масштабируются в зависимости от размера области просмотра.
Она также известна под другими названиями, такими как отзывчивая типографика, гибкий шрифт, текучий шрифт, типографика с учетом размера области просмотра, текучая типографика и даже отзывчивый отображаемый текст.
Вот пример текучей типографики, который вы можете воспроизвести вживую (любезно предоставлен документацией MDN). CSS-Tricks также подробно рассказывал о жидкой типографике. Но здесь речь идет не о том, чтобы познакомить вас с жидкой типографикой, а о том, как ее использовать. Более конкретно, я хочу показать вам, как реализовать жидкую типографику в WordPress 6.1, который недавно представил функцию жидкого шрифта прямо в редакторе блоков WordPress.
Откройте свой файл style.css, вставьте правило стиля с причудливым clamp()
-ом для свойства font-size
, и готово, верно? Конечно, это даст вам текучий текст, но чтобы получить элементы управления редактора блоков, которые позволят применять текучий шрифт в любом месте вашего сайта WordPress? Для этого в наши дни, когда все вокруг стало блочным, требуется другой подход.