Шрифты

Загрузите лицензированные веб-шрифты один раз, храните подтверждение лицензии вместе с ними и подключайте их на сайте одной таблицей стилей.

Эта страница переведена с английского. При любых расхождениях действует английская версия. Читать на английском

Atlas размещает шрифты вашего сайта вместе с подтверждением лицензии. Шрифт отдаётся только до тех пор, пока его лицензия разрешает встраивание в веб и не истекла.

Добавление шрифта

Откройте Design → Fonts и нажмите Add a font.

Введите Family name и Key. Ключ задаёт имя CSS-переменной и позже не меняется.
В разделе Files, weights and styles загрузите файлы WOFF2 или WOFF (или выберите их в медиабиблиотеке). Для каждого файла задайте Weight (например, 400 или диапазон вроде 100-900 для вариативного шрифта) и Style (Upright или Italic).
Добавьте Fallback fonts и выберите While loading: Show the fallback, then swap или Use the font only if it is ready at once.
В разделе Licence укажите название Licence, дату Licence ends (если она есть), Evidence и при желании Licence document, а также отметьте The licence allows embedding this font on websites (@font-face).
Нажмите Add font.

Каждая карточка шрифта показывает, как его использовать, например font-family: var(--atlas-font-brand), а также резервные шрифты, лицензию и предыдущие версии. Нажмите New version, чтобы заменить файлы или обновить лицензию; предыдущие версии сохраняются.

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

Карточка Add to your website даёт готовый фрагмент:

Любой сайт: Copy link tag и добавьте его в head страницы. Он загружает одну таблицу стилей со всеми активными шрифтами сайта.
Next.js: Copy code для версии с отрисовкой на сервере.

<link
  rel="stylesheet"
  href="https://<delivery host>/v1/delivery/environments/{environmentId}/fonts.css"
/>

Таблица стилей кешируется на 5 минут, а файлы шрифтов кешируются бессрочно, потому что у каждой версии файла собственный адрес. Файлы шрифтов отдаются только на адрес сайта вашего окружения.

Шрифты на рабочем сайте

Изменения шрифтов попадают в Production со следующим релизом, как и контент. Production отдаёт только версии шрифтов из своего действующего релиза.

Ограничения

Только WOFF2 и WOFF (без TTF и OTF).
До 32 файлов и 8 резервных шрифтов на один шрифт.
Шрифты принадлежат одному сайту; общего каталога шрифтов организации пока нет, как и подмножеств (subsetting).

Помощник по сайту и палитры Запуск