字体令人敬畏的unicode一些图标没有显示

Question

我使用unicode作为每个猎豹表：https://fontawesome.com/v5/cheatsheet/free/solid

我试着按照这里的答案改变字体的大小，但这并没有帮助：Font awesome 5 on pseudo elements

也许问题是在css中链接的？我不知道在哪里得到其他css版本，如果有新的。

​

.icon {
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Regular', 'Font Awesome 5 Brands', 'Arial';
  font-size: 18px;
  font-weight: 900;
}

<link href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" rel="stylesheet" />
<div><span class="icon brand">&#xf834;</span>airbnb</div>
<div><span class="icon">&#xf42c;</span>amazon-pay</div>
<div><span class="icon">&#xe059;</span>bacteria</div>

​

Answer 1

首先，您需要使用FontAwesome的链接，要么在index.html(主文件)中使用CDN，要么在style.css中导入css。

cdn：<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">

导入css文件：@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

eg li::before
selector::before{     
    content: "\f007";
    font-family: "Font Awesome 5 Free";
}