Google fonts missing

  • Resolved selectmedia

    (@selectmedia)


    1 year, 1 month ago

    I am facing a minor issue. After exporting site from localhost and importing it to the live server, everything gets imported correctly except the google fonts. I checked on my localhost the google fonts files are in wp-content/uploads/elementor/google-fonts /fonts this folder and the font files are in this folder gets imported to the live site correctly, i’ve checked on live server as well, this exists, but wp-content/uploads/elementor/google-fonts/css which contains include link to these fonts still refers to localhost thats why it doesn’t show up on live server for example: 

    /* latin-ext */
    @font-face {
    font-family: ‘DM Sans’;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(http://localhost/mySite/wp-content/uploads/elementor/google-fonts/fonts/dmsans-rp2wp2.woff2) format(‘woff2’);
    }

    This is from localhost, it gets imported to live site without changing the site address. This gets solved when i manually change from localhost to my live site’s address. Can this be fixed in plugin’s next update?

Viewing 4 replies - 1 through 4 (of 4 total)
  • cindyminhua

    (@cindyminhua)

    1 year, 1 month ago

    I’m experiencing the same issue. I hope this can be fixed in a future update. Thank you for your continued efforts!

    Plugin Author Yani

    (@yaniiliev)

    1 year, 1 month ago

    Hi there! Thanks for reaching out 😊

    You’re absolutely right—Elementor stores some cached CSS files, including Google Fonts paths, and sometimes those can retain the old localhost URLs after a migration.

    Here’s how you can fix this:

    1. Regenerate Elementor CSS Files
    Elementor allows you to regenerate CSS files, which can help refresh the URLs:
    – Go to Elementor → Tools
    – Click on “Regenerate CSS & Data” or “Clear cache”
    – Then clear any cache from your caching plugin or server (if used)
    – Reload your live site and check the fonts again

    2. Clear Elementor Cache (if needed)

    If the issue persists, you can try clearing Elementor’s cache manually:
    – Still in Elementor → Tools, use the “Sync Library” and “Replace URL” options if needed

    Good to Know: All-in-One WP Migration doesn’t rewrite URLs inside custom plugin-generated files like Elementor’s Google Fonts CSS by default, since those are dynamic and outside of WordPress’s database or file structures that we usually process.

    To make future migrations smoother, you might want to try Elementor’s Replace URL tool under Elementor → Tools → Replace URL, which lets you bulk-update all links inside Elementor content and files.

    Let me know if this helps 😊

    cindyminhua

    (@cindyminhua)

    1 year, 1 month ago

    Hi Yani,

    Thank you so much for your detailed explanation and helpful steps! 🙏
    I encountered the same issue after migrating my Elementor site, and your solution worked perfectly.

    I used the “Replace URL” tool under Elementor → Tools, and it successfully updated the old font paths. After that, the fonts loaded correctly on the live site.

    Really appreciate your guidance and support — this will definitely help others too!

    Best regards,
    Cindy

    Thread Starter selectmedia

    (@selectmedia)

    1 year, 1 month ago

    Thanks Yani! It worked. Specifically the “Replace URL” fixed the issue.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Google fonts missing’ is closed to new replies.