Images and fonts broken

[nolimithouse.all]

All my images and fonts are broken after setting up CloudFlare.
Hello everybody I’m new to your community so I need help, as you can see at my subdomain “maska.nolimithouse.rs” website all imates and fonts are down. So please follow my steps so you can understand me.

1. I register to cloud flare and add my main domain “nolimithouse.rs” so cloudflare requested to change Nameservers so I did it.
2. After that my subdomain “maska.nolimithouse.rs” sites was down because I needed to setup DNS if I understand well?
3. I google it on YouTube and I setup it like this: I added A record “maska”, “IP adress” “Auto” “Proxie” and saved it. After few hours my subdomain finally works, but all images and fonts were broken. Can you help me please? I’m not so good setting up DNS record and other stuff. Sorry cause my English it’s not perfect. Greetigns!

[sdayman]

On Maska, the images are loading, but there’s a Font error because you’re trying to load the font (FUTURAB) from some other domain and they won’t let you.

[nolimithouse.all]

Omg, this is how I see it… I’m confused

[sdayman]

Try using your browser’s Dev Tools (F12 in Chrome) and look at the Console tab for errors/warnings, and the Network Tab to see what’s loading or not.

[nolimithouse.all]

omg what happend here? So you wanna say that this does not have connections with cloduflare? Or?

[sdayman]

That’s a lot of Mixed Content.

1. Was your site using HTTPS before you added it to Cloudflare?
2. In the Network tab, if you click on one of the files from your site, do you see Response Headers on the right that have some Cloudflare/cf names? Or if you click on (or just over over) the in your browser’s Address Bar, does it show a Cloudflare certificate?

[nolimithouse.all]

1. No it’s first time to setup SSL for this site, it’s new site.
2. When I click to some link if it’s picture it popup window this that picture, if it’s font it start to download automaticly. And It’s not showing Clodflare certificate when I click once, it’s shows me as in following screenshoot. —
   
   >

p.s. I do not want to bother you, maybe you have some tutorial for me to watch to solve this, so I do not have to delete website from cloudflare :[

[sdayman]

@nolimithouse.all

No it’s first time to setup SSL for this site, it’s new site.

Awesome! Then I don’t know why your browser is seeing Mixed Content, and mine is not. If you have access to set HTTP headers, you can add:
Content-Security-Policy: upgrade-insecure-requests

Or in .htaccess:

<ifModule mod_headers.c>
Header always set Content-Security-Policy "upgrade-insecure-requests;"
</IfModule>

[nolimithouse.all]

Thank you for your time. It doesn’t work for me. I installed plugin that help me

[nolimithouse.all]

I just wannted to show you what solve my problem. Here you go SS

It was selected “standard WordPress function” as default, so I select this one whitch is detected as recommended. I do not know what it is, but maybe it help to you to understand. Greetings!

[sdayman]

@nolimithouse.all

No it’s first time to setup SSL for this site, it’s new site.

Ohhhh…I totally misread this. I thought you created the site with SSL. But it doesn’t have SSL at the origin, which is not good.