Starting with Elementor v3.30.0, Google Fonts are automatically downloaded and served locally from your server. For each font, Elementor generates a CSS and WOFF2 file in the following directory:
/wp-content/uploads/elementor/google-fonts/
While this improves performance and privacy, it can cause font loading issues after migrating your website or installing an SSL certificate.
Quick fix (try this first)
- Go to Elementor → Settings → Performance
- Disable “Load Google Fonts Locally” and Save Changes
- Go to Elementor → Tools and click Regenerate CSS & Data, then Clear Cache
If you want to keep fonts local
Use the steps below for the relevant scenario to refresh Elementor’s local font files and paths, then re-enable Load Google Fonts Locally.
Issue 1: Fonts Not Showing After Website Migration
After migration, your website may attempt to load fonts from the old domain, resulting in CORS errors or missing files.
How to Fix:
1. Check for errors in the browser console
- Open the developer tools and look for errors indicating that font files are being requested from the old domain.
2. Replace URLs in Elementor
- Go to Elementor → Tools → Replace URL
- Replace the old domain with the new domain.
3. Clear Elementor files
- Go to Elementor → Tools → General → Clear Files & Data
- This will regenerate all local fonts and CSS files using the new domain.
4. Resave theme settings
- Navigate to Theme Options and click Save.
- This step ensures that all theme-related assets are regenerated.
5. Purge any active caches
- If you’re using a caching plugin or CDN, make sure to purge the cache.
Issue 2: Fonts Not Showing After Enabling SSL
If your site has recently switched to HTTPS, Elementor may still try to load font files via HTTP, causing mixed content errors.
How to Fix:
1. Check for mixed content errors
- Open the browser console and look for errors referencing HTTP font requests on an HTTPS site.
2. Update URLs to HTTPS
- Go to Elementor → Tools → Replace URL
- Replace http://yourdomain.com with https://yourdomain.com.
- Follow this guide to fix the remaining mixed content errors on your website.
3. Clear Elementor files
- Go to Elementor → Tools → General → Clear Files & Data
4. Resave theme settings
- Navigate to Theme Options and click Save.
- This step ensures that all theme-related assets are regenerated.
5. Purge all caches
- If you’re using a caching plugin or CDN, make sure to purge the cache.
By following the above steps, you can ensure that Elementor's locally hosted Google Fonts load correctly after a migration or SSL installation.
Reset Elementor Local Fonts (Manual)
Sometimes, Elementor’s Clear Files & Data option does not properly reset cached assets. In these cases, you may need to manually remove the local Google Fonts option from the WordPress database and regenerate it through Elementor.
Follow the steps below carefully:
1. Open the Theme File Editor
- In your WordPress dashboard, go to Appearance → Theme File Editor.
- Select the functions.php file for your active theme.
2. Insert the Code
- Scroll to the end of the file and add the following line:
delete_option( '_elementor_local_google_fonts' );
3. Trigger the Delete Action
- Navigate to Theme Options and click Save.
- This will execute the delete_option function and remove the local font cache.
4. Remove the Code
- Go back to Theme File Editor and delete the line you just added.
- ⚠️ Important: If you leave the code in place, it will run every time WordPress performs an action, which may cause issues.
5. Regenerate Elementor Data
- Go to Elementor → Tools → Clear Cache & Data.
- Elementor will now regenerate the local fonts correctly.