My site displays
incorrect fonts

If only some of your fonts are showing correctly and the rest are not, most likely the issue is that the incorrect font was added manually at the editing stage.
Why does this happen?
It's possible that while you were editing your texts, you set the font to be Open Sans, for example. Later you decided to switch to PT Sans. While some blocks display the correct fonts, others appeared in a default font such as Times. You need to remove the font that you added manually.

What should I do?
Select the block that displays incorrect font, go to the editor, select all. Then select 'Remove Font Family'. Or click on the last button 'Clear Style'. Republish the page.
Font troubleshooting depending on how you
added your fonts
A common issue for all methods
Font added using the CSS file
I'm trying to add my own font in the site settings. I've created my one CSS file, saved it. Then I uploaded the custom fonts and I set the font style in the site settings. However, when I publish the page, text in my web page appears in a basic font, like Times.
Why does it happen?
You've incorrectly specified the font family.
Opep your CSS file and check the font family. The typeface should match the name of the font you've set in the site settings. Here's an example:
What should I do?
In the CSS file add exactly the same font as you did in the site settings. In our example, we changed 'Conv_GothaProBol' to 'Gotham Pro'.
Important: When adding a font using the CSS file, make sure that the server from which the font is being connected, supports Access-Control-Allow-Origin CORS for distribution for any domain. (Access-Control-Allow-Origin: *). How to configure this setting on the server, read in our иGuide to connecting the custom CSS file. н But it is important that the server provides Access-Control-Allow-Origin CORS for seeding to any domain.


When connecting a font through a CSS file, you need to make sure that the server from which the font connects supports Access-Control-Allow-Origin CORS for distribution for any domain. (Access-Control-Allow-Origin: *). How to set this setting on the server is indicated in the instructions for connecting your CSS file
Ошибки при загрузке своего шрифта
Standard fonts appear even though I've enabled my custom fonts.
There may be several reasons for this error. Сначала нужно проверить, прописан ли шрифт в шрифтовой паре. Важно, чтобы при загрузке у шрифта было прописано полное официальное название, и оно совпадает с названием, указанным при загрузке шрифта. // First you need to check whether the font is registered in a font pair. It is important that when downloading the font, the full official name is registered, and it coincides with the name specified when downloading the font.
Если у вас был шрифт не в формате WOFF, то его нужно конвертировать. Мы рекомендуем использовать сервис WOFFer, так как в некоторых других конвертерах может быть проблема с кириллической версией шрифта.
I'm having issues with the basic fonts
«Взял стандартный шрифт, экспортировал проект, но шрифт показывается не тот, который я устанавливал».
We use a number of fonts from На Тильде часть шрифтов берется из библиотеки сервиса Rentafont, который предоставляет шрифты по партнерскому соглашению.

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

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

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

If you see a "flicker" when you open a site in a browser, the system font is loaded first, then your own is not an error, but normal behavior. It takes time for the font file to load. Sometimes, it happens instantly (if the Internet is good) and you immediately see your own font. Sometimes there is a short pause.

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

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

To the page did not slow down and the visitor did not wait, first the most important is loaded - content, and then auxiliary components. Therefore, you can see the system fonts before your font is loaded. You can add a "Page load effect" block (T228, category "Other") to the page, it will slow down the appearance of content and the text will appear with already downloaded fonts.
Made on
Tilda