After upgrading, icons such as the drop down arrow and search icons are no longer visible on the website. All I see is squares. The icons are visible if I login as the administrator.
I have a message that indicates that there is a problem accessing fontawesome-webfont.ttf
The link to the website is below.
I am using Firefox on a PC. The same result also occurs on IE and Chrome.
The message came from Firefox Web Developer tools – in the log of security errors and warnings. Actual message is:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://wiwi10196.staging-cloud.netregistry.net/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
The icons were showing before I upgraded. I can also see the icons when I logon as a WordPress administrator.
It’s not due to the update, another user had a similar issue recently. It’s due to the original address of the icons located here: http://wiwi10196.staging-cloud.netregistry.net, however your site is http://www.wisenutritioncoaching.com.au/
If your icons were located on http://www.wisenutritioncoaching.com.au/ – it would not have this Cross-Origin issue.
I found a number of references to the problem on the internet. I solved the problem by creating a .htaccess file in the same folder as the font file. The ..htaccess file contains the following.
Header set Access-Control-Allow-Origin “*”
I have a backup of the website from before the upgrade and it does show the icons (search, drop down arrow) displaying correctly so it appears that something has changed.
You must be logged in to reply to this topic.