Issues with Font Awesome

mcostales84 · July 18, 2018, 4:36pm

Hi, I have the latest version of Cornerstone, and I have no cache at all!
My pages are now showing an square icon instead of the real icon, when you go to the Chrome Console you will see a lot of errors because the website is trying to access something that do not exists:

/wp-content/plugins/cornerstone/assets/dist-app/fonts/fa-regular-400.woff2
/wp-content/plugins/cornerstone/assets/dist-app/fonts/fa-regular-400.woff
/wp-content/plugins/cornerstone/assets/dist-app/fonts/fa-solid-900.woff

and a lot of more fonts. Can you please take a look and fix this ASAP?!

The url of the page is https://colonialvanlines.com

Thanks

ruenel · July 19, 2018, 12:55am

Hello There,

Thanks for writing in! There is a CORS issue in your site which why the fonts is not loaded. The font files is coming from https://cvlpull-tqkev84l.netdna-ssl.com/ being displayed in your site. Do you have any CDN? Please temporarily disable it and exclude the font files from being delivered by the CDN.

Hope this helps.

mcostales84 · July 19, 2018, 2:07pm

Yes, I’m using MaxCDN, I don’t really know how to tell it not to include those files, but anyway, those files are not inside the /wp-content/plugins/cornerstone/assets/dist-app/fonts/ folder in my local server

christian · July 19, 2018, 6:16pm

Hey Manny,

Have you tried clearing the Style Cache? For more details, please see Why are some of my icons are appearing as an empty square? in our current Release Notes.

Thanks.

mcostales84 · July 19, 2018, 6:34pm

Yes, I already did that, several times

ruenel · July 20, 2018, 1:49am

Hello There,

The fonts are not displaying because of the CORS issue:

Access to Font at 'https://cvlpull-tqkev84l.netdna-ssl.com/wp-content/plugins/cornerstone/assets/dist-app/fonts/fa-solid-900.woff' from origin 'https://colonialvanlines.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://colonialvanlines.com' is therefore not allowed access. The response had HTTP status code 404.
Access to Font at 'https://cvlpull-tqkev84l.netdna-ssl.com/wp-content/plugins/cornerstone/assets/dist-app/fonts/fa-regular-400.ttf' from origin 'https://colonialvanlines.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://colonialvanlines.com' is therefore not allowed access. The response had HTTP status code 404.
Access to Font at 'https://cvlpull-tqkev84l.netdna-ssl.com/wp-content/plugins/cornerstone/assets/dist-app/fonts/fa-solid-900.ttf' from origin 'https://colonialvanlines.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://colonialvanlines.com' is therefore not allowed access. The response had HTTP status code 404.

This issue can only be resolve if the CORS issue is resolved in your site. If those files does not exist, please go to plugins and deactivate Cornerstone. You might need to reinstall the plugin. Download the fresh copy of the latest version from your dashboard (https://theme.co/apex/dashboard) and manually upload all the files. Double check the font folder to make sure that the files exists.

Please let us know if this works out for you.

mcostales84 · July 20, 2018, 5:09pm

I did that and the issue persist. If you download and open your plugin, you will see that there is no font files on that folder! the fonts folder do not exists!

alexander · July 20, 2018, 8:38pm

Can you try updating Cornerstone to 3.2.3? There was a bug that we fixed that seems related to what you’re describing.

mcostales84 · July 23, 2018, 2:50pm

I already did that, I deleted Cornerstone and uploaded it again

Alaa · July 23, 2018, 4:03pm

Hi @mcostales84

I’ve checked your website and I can see the icons are appearing fine and there is no CORS error in the browser console:

Please make sure to clear your browser cache, or check your website in Chrome Incognito mode, also try checking your website on different devices.

Finally, the latest version of Cornerstone plugin is “Cornerstone 3.2.4 - released on 2018.07.20”, please make sure to update the plugin to this latest stable version.

Thanks.

mcostales84 · July 23, 2018, 4:23pm

Yes, now is working! Thanks for the update

Prasant · July 23, 2018, 5:19pm

You are most welcome.

system · August 2, 2018, 5:19pm

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.