字体真棒，devicon，简单字体未加载答案

【问题标题】：font awesome, devicon, simple fonts not loading字体真棒，devicon，简单字体未加载
【发布时间】：2023-04-09 13:44:02
【问题描述】：

在设计时，我遇到了我拥有的所有字体的一些问题。
首先，我的字体都没有加载。我需要的所有字体的 head 标签中都有 cdn，它们显示为彩色方块。
其次，我无法更改 html 中文本的任何字体，它只是显示：font-family: 'Abril Fatface';，我在我的 scss *{} 标签中添加了其他任何字体系列，但它什么也没做，试图直接添加字体html标签，但也没有做任何事情。我逗最新Bootstrap-4.0.0-alpha.6

这是我的头像

<head>
    <title>Q-bit</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!--Bootstrap-4.0.0-alpha.6-->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
    <!--Font awesome-->
    <link href="https://use.fontawesome.com/releases/v5.0.4/css/all.css" rel="stylesheet">
    <!--devicon icons-->
    <link rel="stylesheet" href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css">
    <!--Baguetteox for the gallery-->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.css">
    <!--jquery-->
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" ></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="./styles/jquery.ba-throttle-debounce.js"></script>
    <!--floating icon slider-->
    <script src="./styles/floatingcarousel.min.js"></script>
    <!--My Styles-->
     <link rel="stylesheet" href="./styles/styles.css">
    <!--LoadData-->
    <script src="./styles/loadData.js"></script>



</head>

这是对字体真棒风格的调用：

<button class=" navbar-toggler navbar-toggler-right " type="button" data-toggle="collapse" data-target="#collapseNav" aria-controls="collapseNav" aria-expanded="false" aria-label="Toggle navigation" id="toogleIcon">
                   <span class="fas fa-angle-down my-toggler" id="faToggler"></span></button>

设备图标列在浮动轮播中，但它们都以这种风格定义：

 <li><span><i class="devicon devicon-angularjs-plain-wordmark colored"></i></span></li>

【问题讨论】：

将“fas fa-angle-down my-toggler”拼写为“fa fa-angle-down my-toggler”
试过了，图标正在加载...您的 html 文件可能有问题...或您的用户定义的 css
我没有看到你在任何地方添加 font-awesome..
@LaljiTadhani 根据fontawesome.com/how-to-use/svg-with-js 我可以使用 fas、far、lab 和 fal 作为 font-awesome 5，但我尝试使用 fa 但它不起作用
jsfiddle.net/zedpcgv6

标签： javascript html css fonts font-awesome-5

【解决方案1】：

在我的 scss 文件中，我有：

*{
    background:#ffffff;
}

我不知道为什么，但它阻止了所有字体。

【讨论】：