Fonts, Images & Icons on my website gets messed up completely if i turn on cloudflare


#1

My web pages fonts and images are getting completely messed up after turning cloudflare. it will be back to normal if i Pause cloudflare. My site is https enable. it is a custom designed ASP.NET based E-commerce site. Looking for the help to fix this issue.


#2

Most likely mixed content. Search the forum for this keyword and you will find a gazillion threads with solutions.


#3

I have turned on Automatic HTTPS, also my Green PadLock (SSL ) is still visible, only font and images are getting bad.
I tried potential fixes shown in MIXED CONTENT threads but no luck yet.


#4

Whats the URL for starters?


#5

https://


#6

You are referring to these glitches, arent you?

image

The site loads fine, even the fonts apparently. It would seem as if you have a CSS issue where you forcibly apply an “opendyslexic” font using !important. This is seems to be purely a webdesign issue and not related to Cloudflare I am afraid.


#7

could be webdesign issue, not sure. now i have paused clouldflare. you can see how normally it looks now.


#8

Now the aforementioned font is gone.

You need to check where that font came from in the first place.