Шрифтовые иконки отображаются в виде пустых квадратов, если шрифт установлен с помощью NPM - PullRequest
0 голосов
/ 02 июля 2019

Я установил потрясающий шрифт, используя команду npm npm i -D @ fortawesome / fontawesome-free.

Затем я пытаюсь импортировать его в файл scss двумя способами.

@ import '@ fortawesome / fontawesome-free / css / all'; или же @import '@ fortawesome / fontawesome-free / scss / fontawesome.scss';

после этого я получаю только пустые квадраты вместо своих значков. Я использую шрифт awesome в моих файлах scss, таких как

.radioStyle input[type=radio] + label:before { 
content:"\f111"; 
font-family: "Font Awesome 5 Free"; 
color: $button-grey; 
font-size: 24px; 
padding-right: 8px; 
vertical-align:middle; }

также я использую его в своем HTML, и я также попытался заменить класс fa на fas или fab

и ничего из этого не работает. Когда я использую CDN, все работает как положено.

любой совет?

...