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 the 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
Font added using the CSS file
I'm trying to add my own font in the site settings. I've created a CSS file and saved it. Then I uploaded the custom font and set the font style in the site settings. However, a published page shows in a basic font such as Times.
Why does it happen?
You've incorrectly specified the font family.
Open 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 seeding to any domain. (Access-Control-Allow-Origin: *). Would you like to know how to configure this setting on the server? Read all about it in our Guide to connecting the custom CSS file.
Issues with loading custom fonts
Standard fonts appear even though I've enabled my custom fonts.
There may be several reasons for this error. First, check whether the font is registered in a font pair. It's important that while loading the font, its full official name is registered and it is exactly the same as the name of the font you downloaded.
If your font is not set in the Web Open Font Format (WOFF), then you need to convert it. We recommend using WOFFer, especially if you're using Cyrillic fonts.
I'm having issues with some basic fonts
I took a standard font, exported my project but the wrong font is being displayed.
Some of the fonts used in Tilda come from the font library maintained by Rentafont, which provides these fonts under a partnership agreement.

The following fonts are currently available:
  • Futura PT
  • Formular
  • Opinion Pro
  • Circe (and Circe Rounded)
  • Iskra
  • Orchidea Pro
  • Kazimir Text
  • Geometria
  • Mediator (and Mediator Serif)
  • Reforma Grotesk

For these fonts to display correctly on your exported website, add the domain you are exporting in the Site Settings → Domain. There is no need to change the domain to Tilda on the registrar's page.
If you see a 'flicker' when you open your website in a browser (which means that at first, the system font is loaded, then your custom font), it's not an error. This is perfectly normal.

It takes time for a file to load. Sometimes it happens instantly (especially if you have fast internet), and you see your custom font straight away. Sometimes there is a short pause.

For a fast page load time so your visitors get what they want as quickly as possible, content – the most important element – loads first, followed by all the additional elements. This is why you may see the system font before your custom font is loaded.

You may add the 'Page load effect' block to your page (Т228, Other category). It will slow down page load speed, and the browser will display text with the custom fonts.
Made on
Tilda