Home / / FAQ – HTTP / Mixed Content Errors in Console for Font Loading

FAQ – HTTP / Mixed Content Errors in Console for Font Loading

9 views

Issue: The browser console shows blocked HTTP font requests on an HTTPS website.

Example:

http://yourdomain.com/wp-content/uploads/elementor/google-fonts/fonts/roboto-aa47213c.woff2

The site loads with HTTPS, but the console reports mixed content errors because the font file is requested with http:// instead of https://.

Cause

If the blocked file path includes:

/wp-content/uploads/elementor/google-fonts/

then the font file is generated by Elementor, not by WPResidence.

This can happen when Elementor tries to load local Google Fonts or its default font stack and the generated font URL is saved or requested with HTTP.

Sometimes the console may also point to modernizr.custom.62456.js, but if the blocked resource is still under:

/wp-content/uploads/elementor/google-fonts/

then the issue is connected to Elementor font loading, not to a WPResidence theme file.

Recommended Checks

First check the general HTTPS setup:

  • Go to WordPress → Settings → General
  • Make sure both WordPress Address (URL) and Site Address (URL) use https://
  • Go to Elementor → Tools and regenerate Elementor CSS/files
  • Clear all cache: Elementor cache, theme cache, plugin cache, server cache, CDN cache, and browser cache

Elementor Font Settings Fix

In the reported case, the issue was fixed by changing Elementor font settings.

Please check these Elementor options:

  1. Go to Elementor → Settings → General
  2. Enable Disable Default Fonts
  3. Go to Elementor → Settings → Advanced
  4. Set Google Fonts to Disable
  5. Save the settings
  6. Go to Elementor → Tools and regenerate Elementor CSS/files
  7. Clear all cache and test the frontend again

After these options are applied, Elementor should stop loading its default fonts / Google Fonts, and the blocked Roboto font request from:

/wp-content/uploads/elementor/google-fonts/

should no longer appear.

Important

WPResidence does not hardcode the Elementor local Google Fonts URL.

Editing or updating the theme Modernizr file will not fix this issue if the blocked files are generated by Elementor under:

/wp-content/uploads/elementor/google-fonts/

The fix must be done from the WordPress / Elementor / SSL / cache setup.

WPResidence Font Settings

WPResidence has its own typography options. If you need to manage theme fonts, use the theme font settings.

Help:

Theme Options – Design – Font management (font family, subset, font size, line-height and font-weight)

After changing Elementor font settings, check the frontend design again to make sure the typography still displays as expected.