Question

我正在使用字体真棒5.0.13最新版本，但字体的Unicode字符真棒不能在我的CSS中工作。请告诉我这是什么错误。

nav.socials ul li a:before{
   font-family: 'Font Awesome\ 5 Free';
   display: inline-block;
   vertical-align: top;
   padding: 0 5px;
   content: "\f08e";
}

Answer 1

您在第5版中尝试的content已被替换。

请参阅此处：https://fontawesome.com/icons/external-link-alt?style=solid

你必须在Font Awesome 5中设置font-weight 这里有一个工作：

a::before{
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   content: "\f35d";
  
}

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

<a href="#">try</a>

Font Awesome 5.0.13 CSS错误

1 个答案: