Question

正如您在我的小提琴中看到的那样，字体真棒中的某些图标不起作用。为什么？

<div class="col-md-1 d-flex flex-column justify-content-center align-items-center">
  <i class="fa fa-searchengin"></i>
  <span>SEO</span>
</div>
<div class="col-md-1 d-flex flex-column justify-content-center align-items-center">
  <i class="fa fa-facebook-square"></i>
  <span>Social</span>
</div>

Answer 1

您正在使用旧课程。最新的Font Awesome使用“ fab fa-icon-name”类，因此在类中添加b即可。

 <div class="col-md-1 d-flex flex-column justify-content-center align-items-center">
  <i class="fab fa-searchengin"></i>
  <span>SEO</span>
</div>
<div class="col-md-1 d-flex flex-column justify-content-center align-items-center">
  <i class="fab fa-facebook-square"></i>
  <span>Social</span>
</div>

JS小提琴：https://jsfiddle.net/1n74q20u/

Answer 2

<div class="col-md-1 d-flex flex-column justify-content-center align-items-center">
  <i class="fab fa-searchengin"></i>
<span>SEO</span>
</div>
<div class="col-md-1 d-flex flex-column justify-content-center align-items-center">
  <i class="fab fa-facebook-square"></i>
 <span>Social</span>
</div>

检查字体真棒页面，并确保第一类与您使用的字体匹配。在那个jsfiddle上，我将fa更改为fab，它们都可以工作。

使用超棒字体时，为什么某些图标会有空白方块？

2 个答案: