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 *

Summer Sale Get 50% OFF for your purchase on today! Coupon code: SUMMER2024 Redeem Now
Summer Sale Get 50% OFF for your purchase on today! Coupon code: SUMMER2024 Redeem Now