Links to font awesome broken

Shapely
1

When I work on my site in live editor, I can see the search and scroll back to top icons on my page.
However, when i access my page from outside wordpress, the links are broken, replaced with squares.
My wordpress and site addresses are identical, the site isn’t being redirected. I even tried installing the fontawesome folder on my server and added this to the header section:
<link rel=“stylesheet” href=“BB_Consulting/font-awesome-4.7.0/css/font-awesome.min.css”>
But the links are still broken when viewed outside of Wordpress.
Can any advise on how to fix this?
Thanks.

2

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it and see what may be causing this issue?

Best Regards,
Support

3

Sure:
billblack.consulting
Thanks.

4

Hello there,

Thanks for the link.

I checked the page but the links appear to be fine.
Please clear your browser cache then reload the page.

Also try viewing the page on another browser.

Best Regards,
Support

5

Hi there,
i did that and reloaded Chrome and tried IE (see attached graphics). I also tried on my Android phone but the link is still broken.
Baffled

6

Actually found a fix here:

Added this code:
<link rel=“stylesheet” href=“youropotionalfolder/font-awesome/css/font-awesome.min.css”>
to my Theme Header nd the links are now working.
Still don’t know why they weren’t before but at least it’s fixed now.
Thanks.

7

Hi,

Don’t hotlink like that in the site, I don’t know why font-awesome isn’t loading, maybe due to server permission for loading font files, you can confirm that with your hosting.

For now remove the method you’re using, and add this in functions.php

add_action( 'wp_enqueue_scripts', 'prefix_enqueue_awesome' );
function prefix_enqueue_awesome() {
	wp_enqueue_style( 'prefix-font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css', array(), '4.0.3' );
}

Let us know,

Thanks,
laranz.

8

Hi,

This is the real issue: http://take.ms/eBkKU

Add this in to your .htaccess file,

<FilesMatch "\.(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

if you’re not sure about this ask your hosting support to add this,

Remove the way I suggest to add font awesome, and the way you add this… This .htaccess edit alone is suffice.

Let us know,

Thanks,
laranz.