Почему не выводится иконка fontawesome?

Question

[Сергей Бурдужа]

Добрый день.
Скачал архивом font-awesome free 5.
Подключил, вставил код inline и сработало.
Теперь, нужно вставить через псевдоэлемент.

&.arrow {
		padding-left: 30px;
		padding-right: 46px;
		&::after {
			//font-family: 'Font Awesome 5 Brands';
			font-family: 'Font Awesome 5 Free';
			content: "\f30b";
			//content: "\f30b";
		}
	}

Только почему-то отображается только квадратик.
Вот ссылка на саму иконку https://fontawesome.com/icons/long-arrow-alt-right...

Вот такой код работает

font-family: 'Font Awesome 5 Brands';
content: "\f373";

Почему-же первый не сработал.
В чем причина, ведь на странице иконки скопировал unicode, но не работает.

Какие тут есть подводные камни?

Такой код тоже работает

font-family: "Font Awesome 5 Free";
font-weight: 400;
content: "\f007";

Заранее благодарен.

Answer 1

[Сергей Бурдужа]

Эта иконка типа solid, для нее нужно задать
font-weight: 900;

Ответ нашел тут https://stackoverflow.com/questions/49685849/how-t...