Google Fonts

Каталог из 1900+ семейств шрифтов и иконок Material Symbols с открытыми лицензиями. Подключение через CSS API или self-hosting — бесплатно и без регистрации.

РазработчикGoogle Fonts

Что такое Google Fonts

Google Fonts — это крупнейшая бесплатная библиотека веб-шрифтов, которая фактически стала стандартом де-факто для типографики в интернете. Вместо того чтобы хранить файлы шрифтов у себя на сервере и тратить трафик, вы подключаете их через специальное CSS API Google — и браузер пользователя сам загружает нужные начертания с их CDN.

Сервис насчитывает более 1900 семейств шрифтов, от классических вроде Roboto и Open Sans до экзотических рукописных и дисплейных гарнитур. Все они распространяются по открытым лицензиям (в основном SIL Open Font License), что означает: вы можете использовать их в коммерческих проектах без отчислений и уведомления авторов. Отдельный бонус — каталог Material Symbols, содержащий тысячи иконок в едином стиле Material Design.

Подключение занимает две минуты: выбираете шрифт, копируете пару строк кода в <head> и CSS — всё работает. При этом Google сам генерирует подмножества символов (unicode-range), чтобы браузер загружал только те глифы, которые реально используются на странице. Это ускоряет загрузку в разы, особенно для кириллицы.

Ключевые возможности

Библиотека 1900+ семейств с фильтрацией по категориям, языкам и популярности.
Подключение через CSS API — одна строка кода, чтобы начать использовать шрифт.
Self-hosting — возможность скачать файлы и хостить у себя, если нужен полный контроль.
Material Symbols — иконки с изменяемой толщиной и настройкой оптического размера через CSS-переменные.
Предпросмотр в реальном времени — можно ввести свой текст и увидеть его в разных начертаниях.
Автогенерация подмножеств — загрузка только нужных символов, включая кириллицу.
Динамическая оптимизация — сервис автоматически отдаёт шрифты в форматах WOFF2, WOFF, TTF в зависимости от возможностей браузера.
Бесплатный API для разработчиков — можно программно получать списки шрифтов и метаданные.

Кому подойдёт

Google Fonts — универсальный инструмент для всех, кто работает с текстом в цифровой среде:

Веб-разработчики и фронтендеры — быстрое подключение типографики без возни с файлами, поддержка кириллицы и оптимизация загрузки.
UI/UX дизайнеры — для прототипов и макетов в Figma, Sketch или Adobe XD (через плагины) удобно подбирать пары шрифтов.
Владельцы сайтов на WordPress, Tilda, Shopify — подключение через плагины или вставку кода в настройки темы.
Студенты и фрилансеры — легальные шрифты для учебных и коммерческих проектов без бюджета на лицензии.
Маркетологи и контент-менеджеры — для оформления лендингов, email-рассылок и презентаций.

Плюсы и минусы

Плюсы:

Полностью бесплатно, включая коммерческое использование.
Огромный выбор с поддержкой кириллицы.
Простое подключение и автоматическая оптимизация.
Высокая скорость доставки через CDN Google (важно для пользователей по всему миру).
Регулярное обновление каталога новыми шрифтами.

Минусы:

Зависимость от стороннего сервиса — если Google недоступен (например, в Китае), шрифты не загрузятся.
Для изощрённых дизайнов не хватает эксклюзивных лицензионных гарнитур (типа Gotham или Circe).
Все шрифты довольно «привычные» — их используют тысячи сайтов, поэтому сложно выделиться.
Изменение шрифта на сайте требует обновления CSS, нет визуального редактора.

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

Можно ли использовать шрифты Google Fonts в коммерческих проектах?

Да. Все шрифты распространяются по открытым лицензиям (SIL OFL, Apache 2.0 и др.), которые разрешают коммерческое использование, модификацию и распространение. Никаких отчислений и уведомлений авторов не требуется.

Как ускорить загрузку шрифтов на своём сайте?

Используйте предзагрузку (preload) для самых важных файлов, подключите только нужные начертания (например, regular и bold вместо всех 9), а также рассмотрите вариант self-hosting. Google уже отдаёт шрифты в WOFF2 и режет их по подмножествам, но вы можете дополнительно настроить кэширование через service worker.

Что делать, если Google Fonts заблокирован в моей стране?

Скачайте нужные шрифты в разделе «Download family» и разместите их на своём сервере. Используйте @font-face в CSS, чтобы подключить локальные файлы. Это также избавит от задержек при обращении к стороннему API.

Чем отличаются Material Symbols от обычных иконок?

Material Symbols — это шрифт с иконками, который ведёт себя как текстовый символ. Вы можете менять его размер, цвет и толщину через CSS-свойства, а также использовать вариативные настройки (например, оптический размер для мелких и крупных элементов). Это удобнее, чем PNG или SVG, особенно для адаптивных интерфейсов.

Часто задаваемые вопросы

Сколько стоит Google Fonts?

Ничего. Все шрифты Google Fonts бесплатны и распространяются с открытым исходным кодом — оплата не требуется ни за скачивание, ни за подключение через API.

Можно ли использовать шрифты в коммерческих проектах и логотипах?

Да. Шрифты можно использовать в коммерческих продуктах, в том числе в тех, что продаются, и в логотипах. Их можно применять на любой поверхности — сайты, приложения, печать, учебные материалы, электронные книги, вывески. Условия распространения указаны в лицензии конкретного шрифта (чаще всего SIL Open Font License, иногда Apache 2.0 или Ubuntu Font License).

Как подключить Google Fonts к сайту?

Через Google Fonts CSS API: выберите шрифт на fonts.google.com, скопируйте сгенерированный тег <link> и вставьте его в раздел <head> страницы. Серверы Google (fonts.googleapis.com, fonts.gstatic.com) сами отдадут браузеру оптимальный формат файла.

Что с приватностью и GDPR?

Google Fonts API работает без авторизации, не устанавливает и не логирует cookie, а данные, по заявлению Google, не используются для профилирования и рекламы. При этом при подключении через API браузер посетителя передаёт Google IP-адрес, запрошенный URL и заголовки (User-Agent, referer). Чтобы этого избежать, шрифты можно скачать и раздавать со своего сервера (self-hosting).

Можно ли размещать шрифты на своём сервере (self-hosting)?

Да. Файлы шрифтов доступны на GitHub (github.com/google/fonts) — их можно скачать и разместить на своём сервере. Минусы: скачивается весь файл шрифта (больше вес, чем при отдаче кусками через API), нет автоматической подстройки под браузер, а обновлять файлы нужно вручную.

Что такое переменные шрифты?

Переменные шрифты (variable fonts) хранят все начертания гарнитуры в одном-двух файлах вместо отдельного файла на каждый стиль. Это позволяет плавно менять толщину, наклон и ширину в пределах, заданных дизайнером шрифта.

Есть ли поддержка кириллицы и других языков?

Да. На сайте есть фильтр по системе письма, включая кириллицу. Для широкого языкового покрытия существует семейство Noto — более 1000 языков и свыше 150 систем письма.

Можно ли использовать Google Sans и Product Sans?

Google Sans и Google Sans Flex с ноября 2025 года доступны под SIL Open Font License (раньше — только для Google). Фирменный шрифт Product Sans по-прежнему принадлежит Google и доступен только в её продуктах.