All social media icon, navigation Icon, slider navigation icon display as a Box

Hello ??

Your website is loading without any styling for me. It is probably because SSL certificate not being valid.

I can not tell without seeing your website being loaded correctly.

With kind regards.
Air.

Dear @apollo13themes,

Try again. SSL error resolved.

All social media icons, navigation icon, slider navigation icon, page up and down navigation icon display as a square box [], at the time of installation, please visit my website and check it, and please provide a solution.

Please go through all websites for more Box [] error view.

Thanks in advance.

Hello ??

I can see in console log that you have problems with your server configuration, and font files can not be delivered to the browser. You will need help from your hosting provider or some google knowledge ??

downloadable font: download failed (font-family: “a13-icomoon” style:normal weight:400 stretch:100 src index:0): bad URI or cross-site access not allowed source: https://natureshowtime.com/wp-content/themes/rife-free/fonts/a13-icomoon.ttf?shhy2f

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://natureshowtime.com/wp-content/themes/rife-free/fonts/a13-icomoon.ttf?shhy2f. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

With kind regards.
Air.

Hi @apollo13themes,
Thanks for the advice, I solved many icon related issues by adding below code in .htaccess file, working fine with Firefox, Microsoft Edge, Microsoft IE.

`<FilesMatch “\.(ttf|ttc|otf|eot|woff|font.css|css|woff2)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>

But the Chrome browser still showing as square box[] in viewing images in the lightbox, any advice, any more suggestion?

Hey ??

For me, it still looks wrong, and I see the same errors in the console. Maybe your changes didn’t kick in?

With kind regards.
Air

Hi @apollo13themes,
Thanks, your solution works.