Fonts changing when previewing

[DanDan]

Using Elementor…

The fonts completely change when previewing live, showing differently than in the editor.

I’ve published the site to a live server and this problem doesnt appear there, its only when using local.

Any ideas?

[Nick-B]

Hi @DanDan!

You might be running into some conflicts with mixed content or caching when previewing. When you move the site to your live host if you’re using Local Connect or a migration plugin there will be search and replace tasks and cache flushes happening automatically.

More about troubleshooting this here: Troubleshooting Live Links

For Elementor specifically, you might need to Regenerate CSS. They also have a S/R tool I believe as well. Here is a recent comment of mine with some more tips:

Aruba migration: site redirects to local domain (connecta.local) instead of live domain after migration

Hi @Connecta If you have SSH access on the hosted site you might have to run a Search and Replace which would look something like this: wp search-replace ‘SITEURL’ ‘LOCALURL’ --skip-columns=guid You can use a plugin for this as well like Better Search Replace, but I believe Elementor has a search and replace function under Elementor > Editor > Tools > Replace URL. [image] You might also have to clear any theme or plugin cache and regenerate CSS. Again Elementor has a button for this as w…