Font awesome book reader 图标未加载

Question

我正在尝试在我的页面上使用导航栏品牌旁边的超赞字体图标。但由于某种原因，它没有加载。需要帮助

<script src="https://use.fontawesome.com/e017101791.js"></script>

这是 font awesome 寄给我的脚本标签，也是我在代码中使用的脚本标签

在字体很棒的网站中，书本的 html-reader 图标是

<i class="fas fa-book-reader"></i>

但是在我的代码中，如果我将 'fas' 与 's' 一起使用，则它不起作用，所以我不得不将 class 名称写为 'fa fa-book-reader'

在页脚中，我使用的是 facebook、twitter、instagram 图标，它们在将 class 名称写为 'fa fa-facebook' 而不是 'fab fa-facebook' 后都可以完美加载。

.HTML

<nav class="navbar navbar-expand-lg">
          <a class="navbar-brand" href="#">
            <i class="fa fa-book-reader fa-3x mx-3"></i>
            Books</a>
          <button
            class="navbar-toggler"
            type="button"
            data-toggle="collapse"
            data-target="#navbarNavAltMarkup"
            aria-controls="navbarNavAltMarkup"
            aria-expanded="false"
            aria-label="Toggle navigation"
          >
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
            <div class="mr-auto"></div>
            <ul class="navbar-nav">
              <li class="nav-item active">
                <a class="nav-link" href="#"
                  >Home <span class="sr-only">(current)</span></a
                >
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Course</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Price</a>
              </li>
              <li class="nav-item dropdown">
                <div class="dropdown">
                  <a href="#" class="nav-link">Pages</a>
                  <div class="dropdown-content">
                    <a href="#" class="">Generic</a>
                    <a href="#">Element</a>
                  </div>
                </div>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Fact</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">About</a>
              </li>
            </ul>
          </div>
        </nav>

我的网页图片

预期网页输出

Answer 1

<script src="https://kit.fontawesome.com/a076d05399.js"></script>

使用这种 cdn 类型，你会很高兴。

Answer 2

将此包含在页面的头部：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css">

Font awesome book reader 图标未加载

Font awesome book reader icon not loading

html

fonts

icons

font-awesome