javascript - FA 图标没有出现在我的 html 元素的第二页中。怎么修?

标签 javascript html css stylesheet

我正在制作一个包含多个 html 页面的元素。目前我有“index.html”和“addAccount.html”,每当我尝试将链接添加到第二个文件的头部时,它都没有下划线,也不会显示为蓝色。因此,我将其包含在头部中:

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

为了访问 fa 图标,但由于某种原因,我只能包含我已经包含在其他页面中的 fa 图标(例如,我在“index.html”中使用 <i class="fa fa-caret-down"></i> 和我可以在“addAccount.html”中使用它,但我不能在“addAccount.html”中使用任何其他图标 - 即使是免费的图标)。我缺少什么?感谢您的帮助。

最佳答案

使用前需要包含该脚本。此外,您还需要对您所引用的类型进行分类:品牌 - 常规 - 纯色

在此示例中,我尝试使用 solid 样式(注意 s 字符):fas fa-caret-down

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"></script>

<i class="fas fa-caret-down"></i>

关于javascript - FA 图标没有出现在我的 html 元素的第二页中。怎么修?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61431805/

相关文章:

javascript - CSSRuleList遍历,错误不可迭代

html - Bootstrap 交换 div 响应

html - 如何在不使用表格单元格的情况下垂直对齐以下内容

javascript - 在 EaselJS 中拖动容器

CSS 页脚使页面内容去中心化

html - 我的 CSS 代码有什么问题?

javascript - 删除 HTML 字符串中的父 div 但保留内容

javascript - 最后加载脚本/对象

javascript - 不使用 Angular 显示数组对象值

html - 为什么显示:table put a gap between absolutely positioned div tags and can it be fixed?