javascript - 字体很棒,devicon,简单字体未加载

标签 javascript html css fonts font-awesome-5

在设计时,我遇到了一些关于我所有字体的问题。
首先,我的字体都没有加载。我在我需要的所有字体的 head 标签中都有 cdn,它们显示为彩色方 block 。
其次,我无法更改 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>

这里是对 font-awesome 样式的调用:

<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>

devicons 列在 float 轮播中,但它们都以这种样式定义:

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

最佳答案

在我的 scss 文件中,我有:

*{
    background:#ffffff;
}

我不确定为什么,但它阻止了所有字体。

关于javascript - 字体很棒,devicon,简单字体未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48377645/

相关文章:

Javascript 通过数据属性中的函数名回调

javascript - 如何为通过 javascript 生成的表中的每一行实现不同的事件监听器

html - 内联元素的奇怪填充行为(考虑底部填充,但不考虑顶部填充)

HTML 背景颜色没有填满整个页面?

javascript - 为什么在 componentDidUpdate 中比较数组不会导致无限循环?

javascript - 删除鼠标移开时的 Mapbox 折线

javascript - 如何使用 D3 在现有图形中添加 X 和 Y 轴

javascript - Angular $watch 命令选择 undefined variable

javascript - 为内存游戏制作动态方形 div

jquery - 带有数据表插件的可折叠表