1. Fearon
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 05 January 2024
  5.  Subscribe via email
Good NY Morning and Happy Friday Ciaran,

I've fallen in love with your J51_Icon module and have taken out a subscription to font awesome.

I'm wondering the best way to bring in FA professional icons that I want to use with the icon module.

I reached out to them and they said to create a kit and put it in the header but I'm not sure if that's applicable or how to do it for the icon module.

Regards
John
Accepted Answer Pending Moderation
0
Votes
Undo
Hi John

I am assuming Font Awesome would provide a script tag to load your icon kit from a CDN. This tag can be added to your templates index.php, inside the head tags. Or if you are using a Joomla51 template, add to the Head Custom Code field of your templates parameters (Extensions -> Template Manager -> YourTemplate -> Custom Code -> Head Custom Code)...

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

I'm almost there but I need your help.

I added the icon kits and it wasn't working. I reached out to Font Awesome and they told me I need to set the font family to "Font Awesome 6 Pro". I've attached the screencap they sent me.

Is it possible to do this with some css coding in the template?

Thanks
John
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

[class^="fa-"]::before, [class*=" fa-"]::before {
font-family: "Font Awesome 6 Pro" !important;
font-weight: 400;
font-style: normal;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Fantastic.

Go Raibh Mile Maith Agat a Ciaran!
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Tá céad fáilte romhat

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!