Как подключить шрифты в тильда
Как загрузить свой файл шрифта
Формат WOFF поддерживается всеми браузерами. Если у вас есть шрифт, но в формате EOT или TTF, вам нужно конвертировать их в WOFF c помощью онлайн-конвертора.
Всего вы можете загрузить 9 файлов начертаний одного шрифта: Thin (100), Extra Light (200) Light (300), Normal (400), Medium (500), Semi-Bold (600), Bold (700), Extra Bold (800), Black (900).
Вариативный шрифт — это один файл для бесконечного количества вариаций начертаний шрифта от самого тонкого до самой толстого начертания. Сейчас этот формат файла также поддерживается только в современных браузерах (посмотреть таблицу совместимости).
Если вы загрузите такой файл, то он будет использоваться только у посетителей, браузеры которых поддерживают работу с вариативными шрифтами. Чтобы загрузить этот файл, на странице загрузки шрифтов нажмите на ссылку «Загрузить вариативный шрифт».
Как подключить шрифты в тильда
Почему не отображаются шрифты?
Убедитесь, что вы указали корректное название шрифта в настройках сайта.
Название шрифта (font-family) должно совпадать с данными из CSS-файла: настройки сайта → раздел «Шрифты и цвета» → вкладка «Загрузить шрифт».
Если шрифт корректно отображается на латинице, но на кириллице возникают проблемы, то в первую очередь стоит проверить, поддерживает ли он кириллические символы. Эту информацию можно проверить на стороне сервиса, в котором вы приобрели шрифт.
Также при конвертации некоторые сервисы могут портить кириллическую версию. Это можно проверить в сервисе FontDrop!. Для конвертирования рекомендуем воспользоваться WOFFer.
Проблема с базовыми шрифтами может наблюдаться на экспортированных проектах.
На Тильде часть шрифтов берется из библиотеки сервиса Rentafont, который предоставляет шрифты по партнерскому соглашению.
Чтобы файл шрифта загрузился, требуется время. На скорость загрузки влияет качество используемого интернет-подключения и количество контента на странице сайта.
Чтобы страница не тормозила и посетитель не ждал, сначала загружается самое важное — контент, а потом вспомогательные компоненты. Поэтому вы можете видеть системные шрифты до того, как загрузился ваш шрифт.
Воспользуйтесь блоком «Эффект загрузки страницы» (Т228, категория «Другое»). Он замедлит появление контента и текст будет отображаться с загруженными шрифтами.