TGViewer
FrontEndDev FrontEndDev @front_end_dev · 25.7K subscribers
Post #10015 1.21K
Плавная типографика в CSS: что выбрать вместо брейкпоинтов

Плавную типографику в CSS удобнее собирать через clamp() и viewport units: размер шрифта можно задать одной формулой без переключения на фиксированные значения по брейкпоинтам. Для доступности лучше не полагаться только на vw, а добавлять фиксированную величину, чтобы масштабирование страницы не ломало ожидаемое поведение.

Использовать container queries для размера текста стоит осторожно: если шрифт зависит от ширины контейнера, одинаковые заголовки в разных блоках начинают выглядеть как разные уровни иерархии.

https://blog.damato.design/posts/fluid-typography/
  • 🔥 3
  • ❤ 1
  • 🐳 1
More from @front_end_dev
  1. Oct 16, 2026Как ускорили веб-приложение Claude Разбор того, как в веб-приложении Claude сократили врем…
  2. Oct 16, 2026Chromium прямо в терминале Carbonyl запускает Chromium в терминале и открывает обычные сай…
  3. Oct 16, 2026Проект от подписчика для тех, кто пилит свой сервис Вот бы! — площадка, на которой можно б…
  4. Oct 16, 2026Vite+ 1.0: единая CLI для runtime, package manager и frontend toolchain Vite+ 1.0 объединя…
  5. Oct 15, 2026Next.js 16.4: lazy compilation, меньше Turbopack и новые возможности React 19.3 В Next.js…
  6. Oct 15, 2026Size Limit: инструмент для контроля бюджета производительности JavaScript Size Limit позво…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →