Bootstrap modify breadcrumb with fontawesome icon separator with SASS

Question

So I'm trying to change the default breadcrumb style with SASS. I've setup everything as mentioned in the official Bootstrap 4 beta 3 docs. I've changed the following in the custom.scss

$breadcrumb-divider: "\f105"; //fontawesome icon for fa-angle-right

Now this also needs font family to set to

font-family: 'fontAwesome'; //How do I plug this in

How do you setup the font for the .breadcrumb-item::before class in the right way?

Answer 1

Try this:

.breadcrumb-item::before {
    font-family: 'FontAwesome';
    content: "\f105";
}