Font Awesome 5 Custom CSS Icon Style Requirement

Beacon Blog Article

By Zedric Myers | Published May 7, 2019 | Categories: Web Development

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; }

Let's get to work!

Contact Us