5/5 - (1 vote)

Cache Issue

This problem can be caused by a cache. Let clear your browser’s cache, as well as your host’s server-side caching, then check once more. In the case that the cache of your browser is not completely clear, you can use another browser.

HTTP / HTTPS mismatch

Following the below:

Step 1: Open Elementor and click Custom Fonts.

Step 2: Select the Delete button for each URL which does not begin with https

Step 3: Click UPLOAD buttons to re-upload the files

Step 4: Go to Elementor > Tools, then click Regenerate CSS button

Step 5: URLs and your fonts will appear on the front end

Custom Fonts Not Displaying On Front End

However, this is still not working, you can:

Step 1: Open Elementor > Tools > Replace URL

Step 2: Enter the site URL with HTTP in Old URL Field and site URL with HTTPs in New URL Field

Step 3: Proceed to Replace URL button and select Save Changes

Custom Fonts Not Displaying On Front End

Step 4: Open Settings > General in WordPress to check that both URLs begin with https

Custom Fonts Not Displaying On Front End

CORS Error in Console

If your custom font is not showing and you receive a CORS error in your browser’s console, you need to contact your host, as they will need to modify the server’s CORS policy.

CONCLUSION

If you have any question, please leave a comment below. We will reply as quickly as possible.

Credit: Elementor Official

Leave a Reply

Your email address will not be published. Required fields are marked *

Save 99% money with single purchase! Get All-In-One DEV package: Access all paid products! Unlimited Downloads with more than 300+ PRO items Sign Up Now!
Black Friday & Cyber Monday Sale! Get 50% OFF for your purchase on today! Coupon code: BFCM50 Redeem Now