Как подключить шрифт через Adobe Fonts
Adobe Fonts — это библиотека шрифтов компании Adobe. Обычно доступ к ней входит в подписку Creative Cloud.
Рассмотрим пример подключения шрифта Atkinson Hyperlegible Next. Перейдем на страницу сервиса Adobe Fonts и зарегистрируемся.
Главная страница сайта Adobe Fonts со строкой поиска шрифтов и каталогом новинок.
На сайте Adobe Fonts: окно «Войдите в вашу учетную запись или создайте новую» со способами авторизации и полем «Адрес электронной почты».
Введите название нужного шрифта в поиске и откройте его страницу.
На сайте Adobe Fonts: кнопка «</> Добавить в веб-проект» рядом с названием шрифта.
Нажмите «Добавить в веб-проект», чтобы добавить шрифт в существующий или новый проект.
Если на странице шрифта нет кнопки «Добавить в веб-проект», значит, шрифт платный и его нужно приобрести отдельно.
В сервисе Adobe Fonts: кнопка «Добавить в веб-проект» в шапке страницы шрифта и иконка «Добавить в веб-проект» рядом с отдельным начертанием.
После добавления шрифта перейдите в настройки проекта в Adobe Fonts.
На сайте Adobe Fonts во всплывающем окне добавления шрифтов в проект: кнопка «Редактировать проект» в правом нижнем углу.
Внутри проекта можно посмотреть Project ID и название шрифта — эти данные нужно будет добавить в Тильду.
«Идентификатор проекта» и имя в font-family в Adobe Fonts, а также их перенос в поля «PROJECT ID» и «ШРИФТ ДЛЯ ЗАГОЛОВКОВ» во вкладке «Adobe Fonts» в настройках сайта.
Если у выбранного шрифта есть языковые варианты, отметьте «Все знаки». Так активируются все глифы в файлах шрифта, включая поддерживаемые языки для этого семейства. Также вы можете выбрать языки вручную в разделе «Подмножество языка».
В сервисе Adobe Fonts: блок «НАБОР СИМВОЛОВ» справа и кнопка «Удалить проект» в левом нижнем углу.
Вернитесь в Тильду и перейдите в «Настройки сайта» → «Шрифты» → «Расширенные настройки» → «Adobe Fonts». Укажите Project ID и добавьте название шрифта в поля для заголовка и текста.
Настройки сайта, раздел «Шрифты»: вкладка «Adobe Fonts» с полями «PROJECT ID», «ШРИФТ ДЛЯ ЗАГОЛОВКОВ» и «ШРИФТ ДЛЯ ТЕКСТА».
Перед добавлением шрифта проверьте, что он поддерживает кириллицу, и выберите все начертания, которые планируете использовать в проекте.
Сохраните изменения и опубликуйте все страницы проекта, чтобы шрифт применился.
Made on
Tilda