Trying to use Font Awesome 4.7

Post Reply
Posts: 1
Joined: 13 Jul 2022, 06:21

26 Jul 2022, 02:39

I have an existing app with lots of icon usage. The prime icons just don't have what I need. I installed Font Awesome but my icons were not showing. After some digging I found the following css selector.

i:not([class~=pi]) {
background-color: transparent;
color: #2196f3;
font-family: Monaco, courier, monospace;
font-style: normal;
font-size: 12px;
font-weight: 500;
padding: 0 4px;
letter-spacing: 0.5px;
font-weight: 600;
margin: 0 2px;
display: inline-flex;

This changes the font for all "i" tags which is what I'm using with font awesome. I was hoping to either chain another not with "fa" or remove it but I can't find it anywhere in the source. Where is this selector in the Mirage template and /or how can I over-ride it?

Posts: 79
Joined: 17 Dec 2021, 09:33

26 Jul 2022, 11:04


You can find answer in this topic viewtopic.php?t=58572


Post Reply

Return to “Mirage - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest