Have you encountered the Elementor Custom Fonts Error?
Mixed Content: The page at 'https://yourwebsite.com/' was loaded over HTTPS, but requested an insecure font 'http://yourwebsite.com/wp-content/uploads/2024/08/Satoshi-Bold.woff'. This request has been blocked; the content must be served over HTTPS.Here’s what it looks like:
You’re in the right place—I have a solution for you to fix the Elementor Custom Fonts Error!
Steps to resolve the Elementor Custom Fonts Error:
This problem occurs because the font file link was generated with “HTTP” instead of “HTTPS” when you uploaded the font to your media library.
Example:
What you need to do:
- Open Elementor Custom Fonts.
- Select the custom font.
- Change the link from “HTTP” to “HTTPS”.
Tip: To edit the link, click on the “P” in “HTTP”; this will open a window. Close the window, place your cursor on the “p” in the address, and add an “s” to make it “HTTPS.”
How it should be:
If something doesn’t work, please watch the video where I demonstrate fixing the Elementor Custom Fonts Error on my client’s website.
I hope this article helps you solve the problem!
If you want to learn more about WordPress development, you can find interesting topics here: https://www.reshetar.dev/blog/
For more videos where I share my experiences, visit: https://www.youtube.com/@reshetardev
