为什么字体真棒图标\f105 不出现？

Question

我正在使用这样的面包屑 BS4（最新版本）

.breadcrumb > li + li:before {
  font-family: 'FontAwesome';
  content: '\f105';
  padding: 0 10px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: normal;
}

但是 > 图标没有出现...当我使用以前版本的 font-awesome 时，它​​工作得很好。有人可以告诉我解决方案吗

Answer 1

看看这个; 您的问题应该是因为您使用的字体系列，应该是Font Awesome 5 Free免费版或Font Awesome 5 Pro专业版。

Font weight also needs to be 900 on the free version since those are the only icons that can be used.

.breadcrumb li {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.breadcrumb li:before {
  content: '\f105';
}

<link href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" rel="stylesheet" />
<div class="breadcrumb">
  <li></li>
  <li></li>
  <li></li>
  <i class="fas fa-angle-right"></i>
</div>