Библиотеки шрифтов
Крупнейшая бесплатная библиотека шрифтов. Более 1500 шрифтов для веб-проектов. Удобный поиск, предпросмотр и инструкции по подключению.
🌐 English
Профессиональная библиотека шрифтов от Adobe. Включена в подписку Creative Cloud. Высококачественные шрифты для печати и веба.
🌐 English
Бесплатные шрифты для коммерческого использования. Есть генератор веб-шрифтов и инструмент идентификации шрифтов.
🌐 English
Подбор шрифтовых пар
Коллекция готовых шрифтовых пар из Google Fonts. Удобная фильтрация по стилям: Serif + Sans, Sans + Sans и др.
🌐 English
Красивые примеры шрифтовых комбинаций из Google Fonts с наглядными демонстрациями.
🌐 English
Примеры использования шрифтов на реальных сайтах. Рекомендации по сочетаниям, тренды в типографике.
🌐 English
Обучающие материалы
Официальный образовательный раздел Google Fonts. Статьи об основах типографики, выборе шрифтов и их применении в веб-дизайне.
🌐 English
Бесплатная онлайн-книга о практической типографике. Охватывает всё от выбора шрифта до оформления документов.
🌐 English
Инструменты
Калькулятор типографической шкалы. Помогает выбрать гармоничные размеры для заголовков и текста.
🌐 English
Сервис для определения шрифта по изображению. Загрузите картинку — получите название шрифта.
🌐 English
Проверка контрастности текста и фона. Убедитесь, что ваш текст читаем (WCAG стандарты).
🌐 English
Вдохновение
Тысячи примеров типографики в дизайне: постеры, логотипы, инфографика, веб-дизайн.
🌐 Mixed
Профессиональные работы дизайнеров со всего мира. Отличный источник вдохновения.
🌐 Mixed
Креативные работы UI/UX дизайнеров. Много примеров использования шрифтов в интерфейсах.
🌐 Mixed
Совет для практики
Начните с Google Fonts — выберите 2–3 шрифта для экспериментов.
Используйте Fontpair для готовых сочетаний.
Проверяйте контраст через WebAIM Contrast Checker.
Смотрите примеры на Behance и Dribbble для вдохновения.
Практикуйтесь в Canva или Figma — создавайте свои дизайны.