我在 class 中使用的 'fas' 更改了文本的字体系列

Question

默认情况下，fas 会更改我的文本的字体系列。有人可以帮我解决这个问题吗？

<!DOCTYPE html>
<head>
  <link rel="stylesheet" href="fontawesome-pro-6.0.0-alpha3/fontawesome6/pro/css/all.css">
  <link rel="stylesheet" href="New folder/Icons/bootstrap-icons.css">
</head>
<body>
<div id="box">
<div class="scores fas fa-star">Font-family Changed</div>
<div class="scores bi-star-fill">Font-family Applied</div>
</div>
<style>
body{
  font-family: Arial, Helvetica, sans-serif;
}
</style>  
</body>
</html>

Answer 1

我认为您从中导入 css 的方法是错误的。

你需要一个 i 标签来完成。

<i class="scores fas fa-star">Font-family Changed</div>
<i class="scores bi-star-fill">Font-family Applied</div>

我认为这是一个更好的方法。

如果您需要一些解释，请观看此视频： https://www.youtube.com/watch?v=nHKjsqw0zw8

我在 class 中使用的 'fas' 更改了文本的字体系列

The 'fas' that I use in my class changes the font-family of the text

html

css

fonts

font-awesome