Рассмотрим, как подключить нестандартные шрифты через ГуглФонтс на практическом примере. Предположим, что нам нужны следующие семейства и начертания:

  • Source Sans Pro – обычный, светлый, полужирный, жирный;
  • Gotham – светлый, жирный, тёмный;
  • Gotham Light – обычный;
  • Open Sans – обычный.

Рассмотрим порядок работы на примере первого из них.

Порядок работы с сервисом Google Fonts

Шаг 1. Заходим на сервис и в форме поиска вверху справа вводим нужный шрифт.

Сразу же нашлось то, что нужно

Жмём красный крестик, чтобы добавить шрифт в выбранные.

Шаг 2. Выбираем нужные начертания.

Внизу появляется выпадающая панель с заголовком «Family Selected».

Нажимаем на неё и выбираем вкладку «Customize». Здесь можно выбрать необходимые начертания и языки. Нам нужны обычный, светлый, полужирный, жирный варианты. Поэтому выбираем light, regular, semi-bold и bold. В языковых пакетах отмечаем Cyrillic и Cyrillic Extended.

Шаг 3. Копирование и использование ссылок.

После этого возвращаемся на вкладку «Embed». Система сформировала для нас две ссылки. Первую нужно вставить в шапку сайта между тегам <head> и </head>, вторую применяем для прописывания шрифта в стилях css, когда он нам понадобится.

Как видите, проще не бывает. Можно подключить шрифты по одному, можно сразу выбрать все нужные семейства и сформировать одну ссылку.

Достоинства и недостатки

Плюсы метода очевидны:

  • простота работы;
  • отсутствие проблем с правообладателями;
  • наличие большинства популярных шрифтов в коллекции.

Но есть и минусы:

  • не всегда можно найти кириллические версии;
  • зависимость сайта от внешних ресурсов;
  • риск блокировок (санкции, роскомнадзор и прочие стихийные бедствия).

В том случае, если шрифт отсутствует в библиотеке GoogleFonts, можно попробовать скачать его и подгружать на своём сервере. Как это сделать с помощью сервиса Font Squirrel читайте в этой статье.