Issue with AwesomeFont Displaying in Cornerstone

[jjmil03]

I am having an issue with AwesomeFont in Cornerstone. The icons will not display, leaving me blank buttons that I have to hover over in order to know what to click. I have some pictures attached. Here is the information for my site:

Website: stlawrenceparish.org
Platform: Built on Windows Azure using the Wordpress web app

I’m copying all the traffic that was started over email by submitting a support ticket (#12503) as I was told to move it to here. I’m not sure what I can do with the provider as requested, but I’ll put in a support ticket with them as well. Any help would be greatly appreciated.

Jon

Begin Message Thread:

Hi there,

I can’t get into your site’s FTP through FTP Client, though yes, I can login through browser FTP. With this, I can verify the the font files are actually there

ftp://*********************/wp-content/plugins/cornerstone/assets/dist-app/fonts/

But your hosting still serves it as the missing file (404).

Eg. stlawrenceparish.org/wp-content/plugins/cornerstone/assets/dist-app/fonts/fontawesome-webfont.woff2?v=4.7.0

You may want to contact your hosting provider about this, maybe it’s just a bit of configuration or setting from their end.

And let’s continue our discussion about this in our new support forum theme.co/apex/forum/t/themeco-support-overview/288

Thanks!

–
Raad
Themeco Support
{#HS:386052334-102575#}
On Tue, Jun 27, 2017 at 4:02 PM CDT, Jonathan wrote:

Sure, here is the information:

Username: ***************
Password: ************

Jon

On Tue, Jun 27, 2017 at 2:20 PM CDT, THEMECO SUPPORT support@theme.co wrote:
Hi Jon,

It seems that the fontawesome files can’t be loaded.

Would you mind providing your FTP details so that we could check this further?

Thank you.

–
Jade
Themeco Support

On Mon, Jun 26, 2017 at 7:04 PM CDT, Jonathan wrote:

The link has changed as well, just fyi. It is now stlawrenceparish.org… The problem is still there, cleared, disabled, re-enabled cache, uninstalled and reinstalled cornerstone as well, no change.

Jon

On Mon, Jun 26, 2017 at 8:50 AM CDT, Jonathan wrote:

Neither of those fixed the problem.

Jon

On Mon, Jun 26, 2017 at 4:22 AM CDT, THEMECO SUPPORT support@theme.co wrote:
Hey Jonathan,

Please clear all caches and deactivate your caching plugin then test again. If that doesn’t help, reinstall Cornerstone.

Thanks.

–
Christian
Themeco Support

[jjmil03]

Hopefully this helps anyone who is using IIS, as this ended up being the issue (and maybe something that Themeco can address in the future?) I am running my website on the Azure platform using a Wordpress “web app” that basically deploys the WordPress environment. However it does run on IIS 8.0 (I mean it’s Microsoft, go figure). The web.config file needed to be edited with the below information.

Just FYI, I found the answer here: https://stackoverflow.com/questions/29312063/font-awesome-error-404-on-fonts (got to give credit where credit is due)

The solution is to modify the web.config file with the following:

<staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".woff2" mimeType="font/x-woff" />
    </staticContent>  

I tried adding the CORS stuff that was mentioned in another area in this forum, it looks like this:

<httpProtocol>
		<customHeaders>
			<add name="Access-Control-Allow-Origin" value="*" />
		</customHeaders>
	</httpProtocol>

I added this first, but did nothing. I left it in and added the above and it now works great! Not sure if it needs the second line of code or not (care to comment Themeco), but it is working now all the same. Thanks for the email support guys. Hope this helps someone else out!

Jon

[john]

Hello,

Thanks for sharing the solution with us