Trying to use Font Awesome 4.7
Posted: 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?
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?