font-awesome pro

Questions
1

Hello,
how can we use the “pro” version of font-awesome icons with Servoy 2020-12 ?

2

Hi Michael,

We built an NG Service and included it as an NG Package. It is just a spec file and and a very simple js file just to load the content of FA Pro.
And of course you need to include the css and webfonts folders provided by Font Awesome Pro.

Regards,

3

Hi Juan,
many thanks for your answer.
Could you please help to describe a bit more in details what i need to do to get the pro version work.
I have downloaded the pro version and have folders like “svgs”, “css”, “less” and others full of icons.
What should i do exactly with them ? Should i copy them somewhere and do something that servoy can find them when I start my developer ?
Many thanks in advance

4

Hi,

In your Servoy Solution, under your Servoy Packages, Create Services Package Project.
A file called MANIFEST.MF will be created into the META-INF folder. Add this lines to the end of the MANIFEST.MF file:
Name: lib/lib.spec
Web-Service: True

Then, create a folder (like the META-INF) called lib
inside it create two files: lib.js and lib.spec with the following content:

lib.js
angular.module(‘fontawesomeLib’,[‘servoy’])
.factory(“fontawesomeLib”,function($services)
{
return {
load: function() {
}
}
})

lib.spec
{
“name”: “fontawesome-lib”,
“displayName”: “lib”,
“version”: 1,
“definition”: “fontawesome/lib/lib.js”,
“libraries”: [{“name”:“font-awesome”, “version”:“5.7.2”, “url”:“fontawesome/css/all.css”, “mimetype”:“text/css”, “group”:false},
{“name”:“v4-shims”, “version”:“5.7.2”, “url”:“fontawesome/css/v4-shims.css”, “mimetype”:“text/css”, “group”:false}],
“api”: {“load”: {}}
}

Then copy the folders from Fontawesome Pro as folders inside here (like lib and META-INF): css and webfonts.

Regards

5

Hi Juan,
many thanks for taking your time to help me !!
Best regards
Nam