7 05, 2019

Font Awesome 5 Custom CSS Icon Style Requirement

By | 2019-05-07T14:42:02+00:00 May 7th, 2019|Categories: Web Development|Tags: , , |

This is just a quick helpful how to tip for Font Awesome 5 custom CSS icon fonts. When adding your own custom styling to the fonts, be sure to add a font-weight: 900 style. This will allow the icon to properly show on the page. Otherwise, you may get an empty icon placeholder in the web browser.

Examples:

Using a Font Awesome in CSS Styles:

.item:before { font-family: ‘Font Awesome\ 5 Free’; font-weight: 900; }