字体真棒书阅读器图标无法加载

阿比舍克·瓦尔玛

我试图在导航栏品牌旁边的页面上使用真棒字体图标。但是由于某种原因它没有加载。需要帮忙

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

这是字体真棒寄给我的脚本标签,也是我在代码中使用的脚本标签

在字体真棒网站中,用于书本阅读器图标的html是

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

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

在页脚中,我使用的是facebook,twitter,instagram图标,将类名写为“ 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>

我的网页图片

在此处输入图片说明

预期网页输出

在此处输入图片说明

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

使用此CDN类型,您将很好。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

加载阅读器包

来自分类Dev

Jhipster未加载字体真棒图标

来自分类Dev

用加载动画填充字体真棒图标

来自分类Dev

使用fpdf库的php中的pdf书阅读器

来自分类Dev

字体真棒图标无法使用引导程序

来自分类Dev

字体真棒图标无法正确对齐

来自分类Dev

字体真棒图标对齐

来自分类Dev

字体真棒图标对齐

来自分类Dev

如何在输入字段的 vlaue 中加载字体真棒图标

来自分类Dev

使用Python简单的HTTP服务器时无法加载真棒字体

来自分类Dev

字体真棒图标无法与引导程序一起使用

来自分类Dev

堆叠图标的字体真棒悬停无法正常工作

来自分类Dev

为什么可以复制带有嵌入字体的pdf文档,但无法在pdf阅读器中搜索

来自分类Dev

为什么可以复制带有嵌入字体的pdf文档,但无法在pdf阅读器中搜索

来自分类Dev

刷新浏览器后,“字体真棒”图标消失

来自分类Dev

使用真棒字体图标发布到服务器

来自分类Dev

单击旋转字体真棒图标

来自分类Dev

悬停旋转字体真棒图标

来自分类Dev

定位字体真棒图标滚动

来自分类Dev

字体真棒4.0.0缺少图标

来自分类Dev

真棒字体-Foursquare的错误图标

来自分类Dev

字体真棒图标之间的间距

来自分类Dev

字体真棒图标之间的间距

来自分类Dev

字体真棒图标之间的间距

来自分类Dev

字体真棒图标不显示

来自分类Dev

如何使字体真棒图标变大?

来自分类Dev

字体真棒图标悬停问题

来自分类Dev

Bootstrap 对齐字体真棒图标

来自分类Dev

PDF文件中的字体:如何确保字体可以在平台/阅读器之间正确呈现?