After upgrade to 155f font-awesome-min.css not loading in admin

php 7.1
155f upgrade from 155a

After upgrade i just see tiny squares for the icons when click on order then click on details.
font-awesome-min.css not loading the icons correctly

Haredo!

Check:
- includes/templates/YOUR_TEMPLATE/css/stylesheet.css should read:
@import url("css/font-awesome.min.css");
/* @import url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"); */

- the path to the link aka actual file on the server exists and is available publicly

- there isn't a CSS control like !important on one of the text tags or content tags overwriting what font awesome is attempting to load

- includes/templates/YOUR_TEMPLATE/html_header.php should read:
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

- you're calling fa-bars (stock icon) like this:
<i class="fa fa-bars"></i>

- code errors very near the visual problem that would cause the code to half load or fail to load like this (missing the closing </i>):
<i class="fa fa-bars">

- try it on other browsers, mobile display emulators or your phone

- FireFox may immediately identify the error or you can drill down and find it in the developer toolbox :)


Let me know how it goes :)

@haredo, I've seen the same on another fresh installation of Zen Cart 1.5.5f, running PHP 5.6.38. The issue is that the .woff and .ttf files in the /admin/includes/fonts directory are being 'access-denied' (i.e. a 403 error).

Following @twitchtoo's lead (for the the admin, as you'd identified), edit the /admin/includes/stylesheet.css, towards the top, finding

Code:

---

@import url("css/font-awesome.min.css");
/* @import url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"); */

---

and changing to

Code:

---

/* @import url("css/font-awesome.min.css"); */
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

---

... essentially removing the ability to use off-line, but using the CDN-based version of the FA styling.

@Twitch
Thanks for the prompt response and the detailed explanation of the files which font-awesome touches with zen cart. All was checked and all looked good.

@lat9
As always on point, that was the correct fix. Now the icons appear after I made the change and cleared the cache! :smile:

Great now I can utilize my time to make sure all else in the upgrade looks correct.

Mark