Рассмотрим, как подключить нестандартные шрифты через ГуглФонтс на практическом примере. Предположим, что нам нужны следующие семейства и начертания:
- 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 читайте в этой статье.