Инструмент подбора шрифтов: сочетания Google Fonts с живым превью | We.Inc
Бесплатный инструмент подбора шрифтов: 24 отобранных сочетания Google Fonts для заголовков и основного текста с живым превью на ваших словах. Копируйте CSS в один клик.
Хорошая пара шрифтов делает сайт похожим на профессиональный дизайн. Просмотрите отобранные сочетания Google Fonts, введите свой заголовок и текст для превью и скопируйте CSS. Все шрифты бесплатны для коммерческого использования по открытым лицензиям.
У каждой пары есть шрифт для заголовка и шрифт для текста, подобранные так, чтобы контрастировать по форме, но совпадать по настроению.
Фильтруйте по стилю (современный, классический, дружелюбный, смелый) и введите свои слова для превью.
Скопируйте ссылку и CSS для Google Fonts, либо нажмите «Загрузить всё», чтобы увидеть каждую пару в реальном шрифте.
Двух шрифтов достаточно. Третий обычно выглядит неряшливо.
Контрастируйте по одному параметру: шрифт с засечками для заголовка с рубленым для текста, или жирный заголовок с лёгким текстом.
Держите основной текст не меньше 16 пикселей и межстрочный интервал около 1,5–1,7.
Загружайте только те начертания, которые используете; каждое лишнее начертание замедляет страницу.
Частые вопросы
Эти шрифты бесплатны в использовании?
Да. Каждый шрифт здесь из Google Fonts и выпущен по открытой лицензии (в основном SIL Open Font License), которая разрешает коммерческое использование.
Как использовать пару шрифтов на своём сайте?
Скопируйте тег ссылки в head страницы и CSS в свою таблицу стилей. Большинство конструкторов сайтов также позволяют выбрать шрифты Google Fonts по названию.
Почему превью загружаются не сразу?
Чтобы страница оставалась быстрой, шрифты загружаются только когда вы просматриваете пару или нажимаете «Загрузить всё». Они приходят из Google Fonts.
Что делает сочетание шрифтов удачным?
Чёткий контраст между заголовком и текстом, похожее настроение (оба дружелюбные или оба формальные) и шрифт текста, который остаётся легко читаемым при маленьком размере.