Font Awesome 5 Custom CSS Icon Style Requirement

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

Est. Reading Time: 1 minute

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

About the Author:

Zedric Myers
Zedric Myers is a Web Designer for Beacon Technologies. After earning his degree in Advertising and Graphic Design, he spent 11 years with an advertising agency in Greensboro, NC where he was initially hired as a designer and transitioned to being a Web Developer.