Задать вопрос
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";


Заранее благодарен.
  • Вопрос задан
  • 194 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Дизайнер интерфейсов
    9 месяцев
    Далее
  • Skillbox
    Профессия Графический дизайнер PRO
    15 месяцев
    Далее
  • Нетология
    UX/UI-дизайнер
    14 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
serii81
@serii81 Автор вопроса
Я люблю phр...
Эта иконка типа solid, для нее нужно задать
font-weight: 900;

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

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

Похожие вопросы