Font-family issue in Font Awesome

1 Vote Up Vote Down

Font-family issue in Font Awesome

| Asked on 2024-10-17 | • HTML, CSS

I am trying to use Font Awesome icons in Font-family CSS. When I recall a font via CSS it does not work.

the code was as follows:

.r-test ul.r-feature li:before{
content:'f00c';
   font-family:'FontAwesome';
   display: inline-block;
margin-right:10px;
vertical-align: middle;
   color:#82B440;
}

Can anyone solve the issue.

TapGen replied on 2024-10-17

in that case, font-weight: 900; will save you. Some icons in Font Awesome 5 not working without font-weight: 900;

Also, change the font-family:'FontAwesome'; to font-family: 'Font Awesome\ 5 Free';

Example:

font-family: 'Font Awesome\ 5 Free';

font-weight: 900;

Thanks for choosing Tapgen