bootstrap-4 - 为什么 Font Awesome 图标\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专业版。

字体粗细也需要900在免费版本上，因为这些是唯一可以使用的图标。

.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>