Как подключить шрифт от Rentafont

Подключение гарнитур из библиотеки сервиса аренды и покупки шрифтов
Если вы не нашли подходящий шрифт из предложенных решений на Тильде, то вы можете подключить любой шрифт из сервиса Rentafont. Ниже мы расскажем, что для этого нужно сделать и как установить его на ваш сайт.
Войдите в ваш личный кабинет на сайте Rentafont.
После авторизации в личный кабинет нужно выбрать шрифт, который вы хотите подключить для вашего сайта на Tilda.

Для этого можно воспользоваться окном поиска или перейти в раздел с каталогом шрифтов и шрифтовых коллекций.
При поиске можно задать тип шрифта, жирность, качество контура и другие параметры. А также вы можете написать короткое предложение, чтобы проверить подходит ли вам предлагаемый вариант.
После подбора подходящего шрифта из общего списка вы перейдете на страницу выбранного варианта. Дополнительно вы можете ознакомиться со всем семейством шрифта, его авторами, удостовериться в классификации и посмотреть, как он будет выглядеть при разных размерах.

В качестве примера для подключения мы выбрали шрифт из семейства Almaz с начертанием Extra Light.
Для подключения потребуется выбрать один из следующих методов:

  • Арендовать шрифт
  • Установить веб-шрифт
  • Купить лицензию
Подробнее об условиях и тарифных планах вы можете узнать на специальной странице.

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

Как только вы зададите все данные, система выставит сумму к оплате. Для оплаты потребуется пополнить счет вашего аккаунта в сервисе Rentafont.
После оформления заказа на электронный адрес вашего аккаунта поступит письмо с кодом шрифта. Также вы можете сразу же скопировать код из всплывающего окна.
Теперь нужно перейти в настройки вашего сайта на Tilda. Чтобы шрифт работал на всех страницах, необходимо разместить код в head-секции сайта.

Для этого откройте «Настройки сайта» → Еще → HTML-код для вставки внутрь в Head → Редактировать код → вставьте код от Rentafont → сохраните изменения.
Для корректного отображения необходимо указать название подключаемого шрифта в настройках сайта.

Перейдите в Настройки сайта → Шрифты и цвета → выберите вкладку «Загрузить шрифт» → укажите название добавленного шрифта → сохраните изменения. В нашем примере это "Almaz".

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

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

  • Из полученного кода вам потребуется только часть для head-секции
  • Указывайте корректное название семейства шрифта, который вы арендовали. Оно прописано в строке font-family
  • Подключенный шрифт будет отображаться только на опубликованной версии страницы
Made on
Tilda