Why doesn't my icon show up in the HTML but instead shows a bordered square?
P粉842215006
2023-07-28 00:13:10
<p>As the title states, I used the FontAwesome website to get an icon and then tried to display it using the following code: </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>I tried using fa-xl class to make it bigger and just add fa class. But this didn't work either. </p>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
I've fixed your HTML and removed the fa-regular class.