字体真棒v5：不工作之前

Question

出于某种原因，我似乎无法使其发挥作用。

在我的CSS中我有：

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

然后我添加了这个脚本：

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

Answer 1

  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"); }

我认为你应该包含这些东西。它在文件web-fonts-with-css/css/fa-solid.css中。如果你使用sass或更少，你可以扩展它。