Почему у меня не отображаются шрифты?

Если на сайте часть текста выводится правильным шрифтом, а часть другим, типа Times, вероятнее всего проблема в том, что неправильный шрифт был назначен вручную при редактировании.
Почему так?
Скорее всего вы редактировали текст и указывали шрифт вручную (через верхнюю панель редактирования) для части текста. Например, это был Open Sans.

Затем вы решили в настройках сайта поменять шрифт на PT Sans. В блоках, где шрифт не был указан вручную, все стало отображаться новым шрифтом. Но вы-то при редактировании текста в некоторых блоках указали жестко что этот текст будет Open Sans. А шрифт больше не подгружается, вместо него — шрифт по умолчанию, Times. Поэтому надо сбросить весь «жесткий» стиль текста.

Что делать?
Нужно сделать так: выбрать блок в котором шрифт не отображается, войти в режим редактирования текста, выделить все. Выбрать "Remove Font Family". Или нажать на крайнюю правую кнопку — «очистить все стили». Переопубликовать страницу.
Проблемы и способы решения в зависимости от метода подключения шрифта
Шрифт подключен с помощью CSS-файла
В настройках сайта подключаю свой шрифт. Все сделал по инструкции. Создал свой css-файл. Загрузил его хранилище. Также загрузил сами шрифты. Прописал в настройках сайта нужный шрифт. Публикую страничку — все выводится стандартным шрифтом типа Times.
Почему так?
Вы неверно указали font-family
Откройте свой css-файл и проверьте строчку font-family: название шрифта в этой строчке должно совпадать с тем названием, которое вы указали в настройках сайта. Пример:
Что делать?
В css-файле написать название шрифта точно так же, как в настройках сайта. В нашем примере 'Conv_GothaProBol' нужно поменять на 'Gotham Pro'.
Важно: При подключении шрифта через файл CSS нужно удостовериться, что сервер, с которого подключается шрифт, поддерживает Access-Control-Allow-Origin CORS для раздачи для любого домена. (Access-Control-Allow-Origin: *). Как установить эту настройку на сервере, указано в инструкции для подключения своего файла CSS
Ошибки при загрузке своего шрифта
Загрузил свой шрифт, но вместо него отображается стандартный.
У этой ошибки может быть несколько причин. Сначала нужно проверить, прописан ли шрифт в шрифтовой паре. Важно, чтобы при загрузке у шрифта было прописано полное официальное название, и оно совпадает с названием, указанным при загрузке шрифта.
Если у вас был шрифт не в формате WOFF, то его нужно конвертировать. Мы рекомендуем использовать сервис WOFFer, так как в некоторых других конвертерах может быть проблема с кириллической версией шрифта.
Проблемы с базовыми шрифтами
«Взял стандартный шрифт, экспортировал проект, но шрифт показывается не тот, который я устанавливал».
На Тильде часть шрифтов берется из библиотеки сервиса Rentafont, который предоставляет шрифты по партнерскому соглашению.

На данный момент это шрифты:
  • Futura PT
  • Formular
  • Opinion Pro
  • Circe (и Circe Rounded)
  • Iskra
  • Orchidea Pro
  • Kazimir Text
  • Geometria
  • Mediator (и Mediator Serif)
  • Reforma Grotesk

Чтобы они работали на экспортированном сайте, нужно обязательно прописать домен, на который вы экспортируете в Настройках сайта → Домен. При этом настраивать домен на Тильду на стороне регистратора домена не нужно.
Если при открытии сайта в браузере вы наблюдаете «мерцание» — сначала загружается системный шрифт, потом ваш собственный — это не ошибка, а нормальное поведение.

Чтобы файл шрифта загрузился, требуется время. Иногда, это происходит мгновенно (если интернет хороший) и вы сразу видите собственный шрифт. Иногда возникает небольшая пауза.

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

Вы можете добавить на страницу блок «Эффект загрузки страницы» (Т228, категория «Другое») он замедлит появление контента и текст будет появляться с уже загруженными шрифтами.
Made on
Tilda