Can't add font awesome 5 icon via pseudo-element :: after

Here is the code:

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

    1 answer 1

    As well as 4.7, only the font-family: "Font Awesome 5 Free"; changed font-family: "Font Awesome 5 Free"; or "Font Awesome 5 Brands"; ... other:

     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>

    • Your method is good, but for some reason icons from the solid group are not put, only brands. I need to put the arrow \ f107 - Arthur
    • one
      Thank you very much everything worked 1 - Arthur