Font Awesome 5 Custom CSS Icon Style Requirement

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

Contact Us To Find Out More

Have questions? Need help? Contact us and we'll be in touch soon!

* Required

Beacon
164 Thatcher Road
Greensboro, NC 27409
Map and Directions

Sales & Marketing
336.232.5687