Как использовать FontAwsome как семейство шрифтов в Angular - PullRequest
0 голосов
/ 27 октября 2019

Я хочу использовать fontAwsome в качестве fontFamily в моем css-файле, чтобы изменить значок <li> после.

В обычном HTML / CSS я могу делать это без проблем:

ul li:not(:last-child):after {
font-family: 'FontAwesome';
content: '\f105';
font-size: 13px;
top: 0px;
right: 0;
position: absolute;
}

, но с angular я не могу получить доступ к FontAwesome в моих файлах CSS.

В моем html-компоненте я использую это без проблем: <fa-icon icon="home"></fa-icon>.

1 Ответ

1 голос
/ 27 октября 2019
  1. npm i font-awesome
  2. импорт в ваш CSS: @import "~font-awesome/css/font-awesome.css"
  3. в вашем HTML, вам просто нужно сделать что-то вроде этого: <i class="fa fa-home"></i>
...