Font Awesome: Difference between revisions

From iFixWiki
No edit summary
No edit summary
 
Line 18: Line 18:


= References =
= References =
[[Category:Website Software]]

Latest revision as of 03:32, 2 September 2018

Font Awesome is a collection of web icons that can be utilized via CSS or HTML.

Issues[edit]

Font Awesome 5 font-family not working[edit]

After upgrading to font awesome version 5 some icons may not work. An empty square may take their place. The cause of this problem is the lack of the font-weight CSS setting.

Solution[1]

Add font-weight: 900; to your CSS styling

Example

 a::after {
   content: "\f007";
   font-family: 'Font Awesome\ 5 Free';
   font-weight: 900;
 }

References[edit]