Перейти к содержимому
patrache.tools

Подбор шрифтов

Бесплатный онлайн подбор пар шрифтов. Рекомендации Google Fonts для заголовков и текста с предпросмотром. Обработка в браузере.

Classic Elegant

Быстрая коричневая лиса

Быстрая коричневая лиса прыгает через ленивую собаку. Хорошая пара шрифтов — залог отличного дизайна.

Заголовок: Playfair DisplayТекст: Source Sans 3
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+3:wght@400;700&display=swap'); h1, h2, h3 { font-family: 'Playfair Display', serif; } body, p { font-family: 'Source Sans 3', sans-serif; }
lockФайлы не отправляются на сервер
Поделиться
Встроить

Встройте этот инструмент на свой сайт

Подборщик пар шрифтов — это бесплатный онлайн-инструмент, который рекомендует сочетающиеся пары шрифтов.

Как использовать Подбор шрифтов?

  1. Выберите шрифт для заголовков или просмотрите рекомендации.
  2. Просмотрите комбинации шрифтов для основного текста.
  3. Скопируйте код Google Fonts для выбранной пары.

Часто задаваемые вопросы о Подбор шрифтов

Что делает пару шрифтов удачной?

Ключевыми являются контраст и гармония. Использование шрифта с засечками или акцидентного шрифта для заголовков в паре со шрифтом без засечек для основного текста обычно является выигрышной комбинацией.

Можно ли использовать рекомендуемые шрифты бесплатно?

Да, все рекомендуемые шрифты — это бесплатные шрифты с открытым исходным кодом из Google Fonts. Их можно свободно использовать как в личных, так и в коммерческих проектах.

Замедляют ли страницу несколько веб-шрифтов?

Тяжелее не сами гарнитуры, а количество начертаний. Один файл шрифта обычно весит 20-40 КБ, поэтому две гарнитуры по два начертания дают около 100 КБ — это нормально. Проблемы начинаются, когда одну гарнитуру грузят в шести начертаниях. Вариативный шрифт покрывает все веса одним файлом, а font-display: swap показывает текст сразу, даже если шрифт придёт с опозданием.

По каким критериям выбирать шрифт для основного текста?

В основном тексте читаемость важнее характера. Ищите щедрую высоту строчных при 16 px, комфортные межбуквенные просветы и явно различимые формы 1, l и I, а также 0 и O. Вставьте настоящий абзац своего текста и прочтите его на ноутбуке и на телефоне: это скажет куда больше, чем образцовая фраза в каталоге. Выразительная гарнитура может держать заголовки, но дочитывают до конца именно спокойную в основном тексте.

Советы по эффективному использованию Подбор шрифтов

  • Проверьте, что у шрифта есть полная кириллица — многие Google Fonts её не содержат.
  • Сочетайте выразительный акцидентный шрифт с нейтральным текстовым, а не два характерных.
  • Контраст по насыщенности (700 против 400) обычно читается лучше смены гарнитуры.

Powered by Patrache Studio Tools

Разрешите рекламу на этом сайте

Чтобы пользоваться инструментами, разрешите рекламу на этом сайте. Доход от рекламы позволяет сохранять сервис бесплатным.

Откройте блокировщик, отключите его для этого сайта и проверьте снова.