FontAwesome неправильно загружается с элементами Angular

У меня есть приложение Angular, которое упаковано с использованием Angular Elements, а затем загружено в другое веб-приложение. Я использую Font Awesome, но значки отображаются в виде прямоугольников.

Подобно тому, что описано в Как знаете, загружен ли уже шрифт (@ font-face)?

Я добавил fontawesome через npm.

Также я добавил следующее в свой angular.json

"styles": [
    "src/styles.css",
    "node_modules/bootstrap/dist/css/bootstrap.min.css",
    "node_modules/font-awesome/css/font-awesome.min.css"
]

Вот как я использую FA.

<button class="btn btn-primary btn-sm fa fa-bars">
  {{ label }}
</button>

Итак, мой вопрос: что мне здесь не хватает? Любая помощь горячо приветствуется.