首页 > 问答 > 正文

为什么我的图标在HTML中没有显示出来，而是显示了一个有边框的方块？

<p>如标题所述，我使用了FontAwesome网站获取一个图标，然后尝试使用以下代码进行显示：</p> <p><br /></p> <pre class="snippet-code-html lang-html prettyprint-override"><code><!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></code></pre> <p><br /></p> <p>我尝试使用fa-xl类来使其变大，并且只添加fa类。但是这也没有起作用。</p>

P粉842215006

P粉842215006450 天前597

全部回复(1)我来回复

P粉567112391

P粉5671123912023-07-28 15:07:04

我已经修复了你的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>

回复

取消回复