내 아이콘이 HTML에 표시되지 않고 대신 테두리가 있는 사각형으로 표시되는 이유는 무엇입니까?
<p>제목에서 알 수 있듯이 FontAwesome 웹사이트를 사용하여 아이콘을 얻은 후 다음 코드를 사용하여 표시해 보았습니다. </p>
<p><br /></p>
<pre class="snippet-code-html lang-html Prettyprint-override"><code><!DOCTYPE html>
<html>
<머리>
<title>로드 중....</title>
<link rel="stylesheet" href="./starting.css"></link>
</머리>
<script src="https://kit.fontawesome.com/1f2023aaf1.js" crossorigin="anonymous"></script>
<본문>
<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>