Font Awesome 5 Custom CSS Icon Style Requirement

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

Hello from Beaconville: High Ed Conference Wrap-Up
View this Story

Cue the Confetti: Celebrating 2022's Higher Ed Wins So Far
View this Story

Beacon Technologies Opens Second Location in Carolina Beach, NC
View this Story

Why You Need Audience Personas For Your Website Content
View this Story