Подключение своих шрифтов

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

1 шаг. 

Нажимаем на кнопку "добавить" в правой панели редактора.

Кнопка добавления в редакторе

2 шаг. 

Перед вами появится окно с настройками, где вам необходимо заполнить 3 поля: "Название шрифта", "Латинское название", "Стили для подключения". Сразу же заполняем первое поле "Название шрифта", просто указываем любое название на любом языке, именно оно будет отображаться в правой панели в списке шрифтов.

Окно с настройками

3 шаг. 

Откройте в сервесе GoogleFont шрифт, который вам необходим.

Шрифт в гугл фонт

4 шаг. 

Заполняем второе поле. Здесь необходимо указать точное латинское название. Проще всего его скопировать непосредственно из сервиса.

Название шрифта

Вот так должно выглядеть ваше второе поле.

Вид второго поля в панели настроек

5 шаг. 

Заполняем третье. Для этого вам необходимо взять данную строчку из сервиса, откуда вы берете шрифт, в GoogleFonts это выглядит вот так:

Третье поле в гугл фонт

В окне настроек данное поле будет выглядеть следующим образом:

Вид третьего поля в натсройкаъ

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

Вид шрифта в редакторе

Все, ваш шрифт подключен и теперь можно его использовать.