FontAwesome

Phoca Download - download manager
dbauckhage
Phoca Newbie
Phoca Newbie
Posts: 4
Joined: 16 Sep 2020, 00:22

FontAwesome

Post by dbauckhage » 16 Sep 2020, 09:53

Hi,


The following CSS code works to display the download icon with a FontAwsome icon

.phocadownloadfile32 a {
padding-left: 32px;
position: relative;
line-height: 18px;
}
.phocadownloadfile32 a:before {
position: absolute;
font-family: 'FontAwesome';
top: 0;
left: 0;
content: "\f019"; /* content: "\f381"; does NOT work */
}


Unfortunately it does not work with FontAwesome Pro Icons. I have licensed FontAwesome Pro and it works fine everywhere else in Joomla. The license is defined as a kit centrally in the header of the template.
<script src="https://kit.fontawesome.com/xxxxxxxx.js" crossorigin="anonymous"></script>

Regards
Dietmar

Tags:

dbauckhage
Phoca Newbie
Phoca Newbie
Posts: 4
Joined: 16 Sep 2020, 00:22

Re: FontAwesome

Post by dbauckhage » 16 Sep 2020, 10:48

Problem solved.

I have to set:
font-family: "Font Awesome 5 Pro"

User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 7531
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: FontAwesome

Post by Benno » 16 Sep 2020, 16:33

Ok.

Kind regards,
Benno

Post Reply