serii81
@serii81
Я люблю phр...

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

Добрый день.
Скачал архивом 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";


Заранее благодарен.
  • Вопрос задан
  • 163 просмотра
Пригласить эксперта
Ответы на вопрос 1
serii81
@serii81 Автор вопроса
Я люблю phр...
Эта иконка типа solid, для нее нужно задать
font-weight: 900;

Ответ нашел тут https://stackoverflow.com/questions/49685849/how-t...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы