FontAwesome

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

FontAwesome

Post by dbauckhage »

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 »

Problem solved.

I have to set:
font-family: "Font Awesome 5 Pro"
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9449
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: FontAwesome

Post by Benno »

Ok.

Kind regards,
Benno
Post Reply