Сочетание шрифтов Google Fonts

Сочетание шрифтов Google Fonts: для чего нужен

Выберите одну из готовых пар (элегантная, современная, классическая, сильная, нежная, мягкая, редакционная, чистая или рукотворная) или свободно комбинируйте 28 популярных шрифтов Google Fonts, с выбором насыщенности заголовка. Предпросмотр по-настоящему загружает шрифты и показывает название вашего бизнеса и абзац текста.

В коде есть preconnect, ссылка на Google Fonts только с используемыми начертаниями и display=swap, а также CSS-правила для заголовков и текста.

Как пользоваться

1. Выберите готовую пару или два шрифта.
2. Напишите заголовок и текст для предпросмотра.
3. Скопируйте ссылку и CSS для сайта.

Когда использовать

• Выбрать визуальный стиль сайта.
• Проверить шрифты, прежде чем показывать клиенту.
• Сочетать выразительные заголовки с читаемым текстом.

Частые вопросы

Шрифты Google Fonts бесплатны?

Да. Шрифты Google Fonts имеют открытый исходный код, и их можно использовать на коммерческих сайтах бесплатно.

Как выбрать два шрифта, которые сочетаются?

Простое правило — контраст: шрифт с характером для заголовков (с засечками или акцидентный) и хорошо читаемый шрифт без засечек для текста. Избегайте двух очень похожих шрифтов — это выглядит как ошибка — и не используйте больше двух.

Шрифты замедляют сайт?

Каждое начертание шрифта — это ещё один файл. Загружайте только те начертания, которые используете; в коде уже есть display=swap, который показывает текст системным шрифтом, пока загружается нужный, и preconnect для ускорения соединения.

А как насчёт защиты персональных данных?

Загрузка шрифтов напрямую с Google передаёт IP-адрес посетителя в Google. Чтобы этого избежать, скачайте шрифты и разместите их на своём сайте.

Правда бесплатно?

Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.

Похожие инструменты