Добавляем Google fonts на html страницу

Чтобы добавить Google fonts (Google шрифты) можно использовать один из двух способов:

• подключить шрифт при помощи тега , к примеру в теге head
• подключить шрифт внутри css файла при помощи директивы @import

Выбираем шрифты для подключения

Для перейдите на сайт Google fonts и выберите понравившеися шрифты.  Сервис предоставляет удобную форму поиска и фильтрации шрифтов.

Если шрифт вам понравился, переходим на страницу шрифта и выбираем понравишиеся очертания.

По мере добавления шрифтов и начертаний в Ваш персональный список, будет обновляться ссылка подключения, а также подсказка для CSS

После того, как необходимые шрифты выбраны и добавлены в список, следует переходить к подключению шрифтов на сайте.

В зависимости от желаемого вида подключея, выберите тип подключения в боковой панели и скопируйте предложенный код.

Если для подключения используется тег link, тогда просто скопируйте предложенный код и поместите его внутри тега head.

Если же для подключения используется используется дирректива @import, поместите сгенерированный код в начале нужного css файла