How to add FontAwesome Icon to Theme </body>?

Questions
1

Another newbie question… I am preparing kind of a footer block in the </body> section. I would like to add a Font Awesome Icon, but neither <i class="fa fa-chevron-right" aria-hidden="true"></i>

does work, nor the CSS equivalent

font-family: "FontAwesome";
font-weight: 900;
content: "\f054";

What’s the right way to solve this?

2

A popular way to use FontAwesome in your ember apps is to add the npm package @fortawesome/ember-fontawesome to your application (or another similar one).

If you use this one, then you can use icons with the FaIcon component like this:

  <FaIcon @icon="chevron-right" />

The nice thing about this package (and other ones like it) is that they have options for including only the icons you need (vs. all of them) and have other arguments on the component to control which style (outline, etc.) and size options, etc.