Skip to main content

Reuse fonts loaded on your site

Improve performance by reusing fonts that are already loaded on your site.

Bill Wohlers avatar
Written by Bill Wohlers
Updated over a month ago

Improve performance by reusing fonts that are already loaded on your site.

If your popups use fonts that are used elsewhere on your site, you can configure Alia to use those fonts instead of loading new font files, which reduces the number of network requests that are made when Alia loads.

How to reuse fonts from your site

To use a font that already exists on your site:

  1. First, create a font from inside your Theme page or a popup editor (if you want to override the font just for one popup).

  2. Start typing your font's name and click the option to create a custom font.

  3. Enter your font's name and check "Use font from site". Be absolutely sure that your font name exactly matches the font-family name used on your site.

  4. Upload your font files. These files won't be loaded on your site, but are still required so the font loads properly inside Alia's popup editor.

Once these are set, Alia will use the font already loaded on your site when the experience is shown to users.

Important Notes

  • The font name must exactly match the site’s font-family value

  • Uploading the font file is required for proper editor rendering

  • If the name does not match, the font will fall back to a default

Tip: If you’re unsure of the exact font name, your developer or browser inspector can help identify the correct font-family value used on your site.

Did this answer your question?