Better Typography
Принципы читаемой и доступной веб-типографики
Установка
Содержит скриптыhttps://github.com/jakubkrehel/skills/tree/main/skills/better-typography
When choosing fonts, setting up type scales, styling text, or troubleshooting typography on web interfaces
- Автор
- Jakub Krehel
Профессиональная веб-типографика
Подробное руководство по применению типографических принципов, которые делают текст читаемым и доступным в цифровых интерфейсах. Основное внимание уделяется сдержанности и ясности: продуманным типографическим шкалам, удобным интервалам и достаточной контрастности вместо декоративных излишеств.
Основные возможности
- Типографические шкалы и иерархии заголовков, соответствующие семантическим уровням
- Загрузка шрифтов в формате .woff2 и настройка через свойства CSS вместо низкоуровневых тегов функций
- Настройки межстрочного интервала, длины строки и переноса текста для комфортного чтения
- Особенности мобильной типографики, включая масштабирование полей ввода в iOS и адаптивные размеры шрифта
- Приёмы обеспечения доступности: контрастность, выделение текста и возможности OpenType
- Методы CSS для обрезки текста, табличных цифр и оформления знаков препинания
Навык предназначен для frontend-разработчиков и дизайнеров, создающих профессиональные интерфейсы. В него входят справочные материалы по выбору шрифтов, приёмам CSS, расчёту интервалов и требованиям доступности. Каждый раздел содержит конкретные рекомендации и примеры кода, которые можно сразу применять.
Похожие навыки
Better Layout
НавыкВыстраивайте структуру, интервалы и визуальную иерархию
Frontend Design
НавыкПомогает создавать интерфейсы без шаблонного вида
Canvas Design
НавыкСоздаёт плакатные работы в PNG и PDF по дизайн-концепции
Комментарии(0)
Войдите, чтобы комментировать