私のアイコンが HTML に表示されず、代わりに枠線付きの四角形が表示されるのはなぜですか?
P粉842215006
2023-07-28 00:13:10
<p>タイトルにあるように、FontAwesome Web サイトを使用してアイコンを取得し、次のコードを使用してそれを表示しようとしました。
<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>
</head>
<script src="https://kit.fontawesome.com/1f2023aaf1.js"crossorigin="anonymous"></script>
<本体>
<i id="fa" class="fa fa-レギュラー fa-スピナー fa-xl"></i>"></i>
</ボディ>
</html></code></pre>
<p><br /></p>
<p>fa-xlクラスを使って大きくして、faクラスを追加してみました。しかし、これもうまくいきませんでした。 </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
HTML を修正し、fa-normal クラスを削除しました。