Font Awesome 5

customaware

Has anyone managed to get Font Awesome 5 working in Aware yet?

If so, how?

idpSteve

Hi Mark.

From what I remember you can download the font awesome 5 zip and copy all the files in the /svg-with-js/js folder into AwareIM/Tomcat/webapps/AwareIM/Custom/JS folder. I think it works without restarting anything too. Just be careful, it could break some of the FA 4 stuff (names changed and what not).

If that doesn't work I'll check what else I might have done.

(EDIT) I think you need to copy the file in /svg-with-js/css to AwareIM/Tomcat/webapps/AwareIM/Custom/CSS too.

intra

Do you think we can pre-package version 5 with the 8.1 release?

weblike

intra wrote
Do you think we can pre-package version 5 with the 8.1 release?

rbross

+1, but what if you buy v5 Pro. Ther are a lot of nice icons in the pro version not included in the free version.

customaware

Exactly Roger.

I was a Kickstarter funder for Pro and would love to see it just part of Aware 8.1

aware_support

There are too many changes in Font Awesome 5 - all your existing icons will stop working unless Aware IM automatically converts them to a new format.
For 8.1 we have decided not to do this and so not to integrate the new version.

customaware

Yes. I found that out....

Trashed all my FA4 icons...Whoops.

PointsWell

eagles9999 wrote
Yes. I found that out....

Trashed all my FA4 icons...Whoops.

That is really disappointing on FA side.

I wonder if there is a 4 replaced by 5 document - otherwise they’ve created a dead end hurdle to FA4 users

idpSteve

That's really weird.. My v4 ones still work and I can use v5 ones. A few of my icons became rotating question marks, but 90% were still fine.

customaware

I am going to try your method right now Steve.

Can you confirm this is correct.....

Copy the file in /svg-with-js/css to AwareIM/Tomcat/webapps/AwareIM/Custom/CSS too.

and the right call is fal fa-icon rather than fa fa-icon?

idpSteve

Copy both the JS and the CSS files to their respective folders in AwareIM/Tomcat/webapps/AwareIM/Custom/.

With regards to the call, see what breaks and just fix those. A lot will still work.

customaware

Yep!..

Works perfectly.

fas fa-adjust = Solid Version
far fa-adjust = Regular Version
fal fa-adjust = Light Version

Thanx Steve.

No reason that V5 (free) could not be installed like this as default in Aware I wouldnt imagine.

weblike

Hi,

I have activated Fa5 as you guys mentioned above...It works so far... Sweet!

Thank you

BenHayat

Guys, I was in a meeting today, and one of the developers suggested FA5 for the UI of their next project and suggested Shawn's free course. I know Shawn for over 10 years and he is a great instructor.

Here is the link, signup and enjoy the course.
https://courses.wilderminds.com/

UPDATE:
Well guys, I went through the course, what a great and educational course for FREE.

customaware

eagles9999 wrote
Yep!..

Works perfectly.

fas fa-adjust = Solid Version
far fa-adjust = Regular Version
fal fa-adjust = Light Version

Thanx Steve.

No reason that V5 (free) could not be installed like this as default in Aware I wouldnt imagine.

Hmmm... but cannot get it to apply my custom class for color.
Presumably as they are svg now, it should be fill instead of color. But does not work. :-/

idpSteve

Mine are still colored. My class to make icons red is:

.fared{
color:#d01a1a;
}

and this works for me.

If I inspect a colored icon I get this:

class="svg-inline--fa fa-check fa-w-16 fagreen".

I hope you come right, Mark. Let me know if I can do something to assist.

customaware

Mine still does not work....

<svg class="svg-inline--fa fa-plus fa-w-14 k-sprite fa-2x fared" aria-hidden="true" data-prefix="fa" data-icon="plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M448 294.2v-76.4c0-13.3-10.7-24-24-24H286.2V56c0-13.3-10.7-24-24-24h-76.4c-13.3 0-24 10.7-24 24v137.8H24c-13.3 0-24 10.7-24 24v76.4c0 13.3 10.7 24 24 24h137.8V456c0 13.3 10.7 24 24 24h76.4c13.3 0 24-10.7 24-24V318.2H424c13.3 0 24-10.7 24-24z"></path></svg>

Screen Shot 2018-03-21 at 8.23.48 am.png

Screen Shot 2018-03-21 at 8.23.59 am.png

BenHayat

eagles9999 wrote
Mine still does not work....

Mark, FA5 offers two directions. CSS and SVG.
Have you tried the CSS version to see if that works in Aware?

customaware

Cannot get the css version to work.

Only the svg version and hence the issue with colours.

Interestingly, I (probably mistakenly) assume the fa prefix would remain V4x and the new prefixes fas,far,fal,fab would default to V5. But from my test below, it seems even the prefix fa is picking up svg.