为什么我的图标没有显示在 html 中,而是显示一个带边框的正方形?

问题描述 投票:0回答:2

如标题中所述,我使用网站 FontAwesome 获取一个图标,然后尝试使用以下代码显示该图标:

<!DOCTYPE html>
<html>
<head>
<title>Loading....</title>
<link rel="stylesheet" href="./starting.css"></link>
</head>
<script src="https://kit.fontawesome.com/1f2023aaf1.js" crossorigin="anonymous"></script>
<body>
<i id="fa" class="fa fa-regular fa-spinner fa-xl"></i>"></i>
</body>
</html>

我尝试使用

fa-xl
使其变大,然后添加
fa
类。但这也不起作用。

javascript python html icons
2个回答
1
投票

我修复了你的 html 并删除了

fa-regular

<!DOCTYPE html>
<html>

<head>
  <title>Loading....</title>
  <link rel="stylesheet" href="./starting.css">
  <script src="https://kit.fontawesome.com/1f2023aaf1.js" crossorigin="anonymous"></script>
</head>
<body>
  <i id="fa" class="fa fa-spinner fa-xl"></i>
</body>
</html>


0
投票

您正在添加一些额外的链接

<!DOCTYPE html>
<html>
<head>
    <title>Loading....</title>
    <link rel="stylesheet" href="./starting.css"></link>
    <script src="https://kit.fontawesome.com/1f2023aaf1.js" crossorigin="anonymous"></script>
</head>
<body>
    <i id="fa" class="fa fa-regular fa-spinner fa-xl"></i> <!-- this was modified -->
</body>
</html>
© www.soinside.com 2019 - 2024. All rights reserved.