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>

为什么没有显示字体真棒图标\ f105？

1 个答案: