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
FontAwesome
-
- Phoca Newbie
- Posts: 4
- Joined: 16 Sep 2020, 00:22
Re: FontAwesome
Problem solved.
I have to set:
font-family: "Font Awesome 5 Pro"
I have to set:
font-family: "Font Awesome 5 Pro"
- Benno
- Phoca Hero
- Posts: 9449
- Joined: 04 Dec 2008, 11:58
- Location: Germany
- Contact:
Re: FontAwesome
Ok.
Kind regards,
Benno
Kind regards,
Benno