Html 字体5图标在引导4上不起作用

我试图将github（

class=“fas fa github”

）图标添加到引导程序的黑色按钮上，但按钮图标和文本没有显示（控制台没有显示任何内容）

代码：

亨里克·博尔赫斯
编程或体验网页设计师

它使用用于排版和间距的实用程序类在较大的容器中分隔内容

我已经包括了BS和FA库：

<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/fontawesome-all.min.js"></script>

---

试试这个片段。将

fas-fa-github

更改为

fab-fa-github

亨里克·博尔赫斯
编程或体验网页设计师

它使用用于排版和间距的实用程序类在较大的容器中分隔内容


github

我以前遇到过这个问题，尤其是在

fas

类中。对我来说，它一直在手动升级我头脑中的字体很棒的样式表标签

无论出于何种原因，像Thread这样的依赖关系管理器并不总是拥有最新版本的font Aweasome

---

.fas

类仅适用于

字体重量：900

。确保您有

字体大小：900

您正在使用多个类

fas fa github btn btn dark btn lg

，如果其中任何一个没有

字体重量：900

字体将不会显示

试试这个

.btn {
    font-weight: 900;
}

---

Font Aweasome CSS添加到哪里了？我真的需要添加Font Aweasome CSS吗？你认为CSS类来自哪里，比如

fas

和

fas github

？Font Aweasome 5过去只包含FontAweasome-all.min.js尝试添加CSS，但没有发生任何事情，只是页面加载时间增加了一倍：/This works，但你能解释一下原因吗

fas

也应该可以，不是吗？@ThomasJensen，我知道字体中有4种图标类型：1。工厂-品牌，fas或fa-固体，远-常规，fal-轻。因此，在github等图标的文档中，他们提供了前缀“fab”。Font Awesome

fas

类已经默认设置了

Font weight:900

，无需在另一个类上硬编码，也可以使用

！重要提示

是一种不好的做法，但如果您将fas与其他类（如.btn）一起使用，它将过度写入字体重量：900，并且图标将不会显示。这就是他面临的问题。要改写此规则，您需要添加！重要…@henriquehbr对于很多事情来说，“！important”是一个需要正确使用的工具，而不是被当作一个坏习惯。

<!-- FontAwesome -->
  <link 
    rel="stylesheet"
    href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
    integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

.btn {
    font-weight: 900;
}