font awesome v5 :before not working

Question

For some reason I can't seem to get this working.

In my css I have:

.styled-ul-list.media-nav {
  li:before {
      content: "\f02e";
      font-family: "Font Awesome 5 solid";
  }
}

and then i have added this script:

<script>
    window.FontAwesomeConfig = {
        searchPseudoElements: true
    }
</script>

Did you try just - font-family: 'FontAwesome'; – Yordan Ramchev Feb 15 '18 at 13:18 — Yordan Ramchev, Feb 15 '18 at 13:18
yes that does not work anymore in the new version – Sandra Willford Feb 15 '18 at 13:19 — Sandra Willford, Feb 15 '18 at 13:19

score 0 · Answer 1 · answered Feb 15 '18 at 13:25

  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("../webfonts/fa-solid-900.eot");
  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

I think you should include this stuff.It's in the file web-fonts-with-css/css/fa-solid.css.If you are using sass or less you can extend it.

font awesome v5 :before not working

1 Answers1