1

Не могу добавить иконку font awesome 5 через псевдоэлемент ::after

Вот код:

summary::after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
}

1 ответ 1

3

Так же как и 4.7, поменялся только font-family: "Font Awesome 5 Free"; или "Font Awesome 5 Brands"; ... др.:

span,
strong{
  display: inline-block;
  position: relative;
}

span:before {
  content: "\f209";
  font-family: "Font Awesome 5 Brands";
  font-size: 5rem;
  color: #777;
}

strong:after {
  content: "\f13d";
  font-family: "Font Awesome 5 Free";
  font-size: 5rem;
  color: #777;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
  

  <span></span>
  
  <strong></strong>

2
  • Ваш метод хорош, но почему-то иконки из группы solid не ставятся, только brands. Мне нужно поставить стрелочку \f107
    – Артур
    15 окт 2018 в 14:05
  • 1
    Спасибо большое все сработало1
    – Артур
    15 окт 2018 в 14:13

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.