MyBB Community Forums

Full Version: Squares on first visit?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I tried searching this issue, but it's difficult to describe and I couldn't find anything about it, so I do apologize if this has already been asked before.


This is my forum: https://www.howtogaming.org/forum/

And I have this problem
[Image: b2cb48145ae0630bbc5a515788b11705.png]


I would like to fix it. Additionally, once you refresh the page the page goes back to normal. Very odd issue.


Here are my permissions:
[Image: bef7367055a48f45394ce4642cfa8621.png]


Any ideas?
It's failing to load the font, you have these javascript errors:

Font from origin 'https://howtogaming.org' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://www.howtogaming.org' is therefore not allowed access.

The issue is that your forum can be accessed over both www. and non-www.

https://howtogaming.org/forum/
https://www.howtogaming.org/forum/

Both of these work, however your Board URL is set to https://howtogaming.org/forum (and you'll notice the font works here).

This means when you're on https://www.howtogaming.org/forum/ (with the www.), your SSL certificate means this request gets blocked, as the fonts are being served from https://howtogaming.org/forum (without the www.), which is not allowed. This is called the cross origin policy, as, as far as your browser is concerned, these are two completely different places.

The solution is to redirect your site to either force the www, or force it to not be there, then update your Board URL to include the www if you choose to force it.
Thanks!
i think this is Font Awesome Bootstrapcdn issue
i use this technique to solved same problem on my forum

find this code 
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

and replace with this code
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
(2016-10-06, 01:41 PM)ziuma Wrote: [ -> ]i think this is Font Awesome Bootstrapcdn issue
i use this technique to solved same problem on my forum

find this code 
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

and replace with this code
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

You are my hero! Thank you! It fixed it!
Well not really, you still have the old stylesheet which is still causing console errors (and you're now loading the font twice), and you still have the www issue, which will likely break other things, and will also cause your SEO to tank.