在设计时,我遇到了所有字体的问题
首先,我的字体都没有加载。我在我需要的所有字体的标题中都有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>
这是对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列在浮动轮播中,但它们都以这种风格定义:
<li><span><i class="devicon devicon-angularjs-plain-wordmark colored"></i></span></li>
答案 0 :(得分:0)
在我的scss文件中,我有:
*{
background:#ffffff;
}
并且我不确定原因,但它阻止了所有字体。