htmlにおいてfont awesomeがうまく表示されない

Question

最新バージョンのfont awesomeを利用しているのですがうまくアイコンが表示されません。
headerタグには

<script src="https://use.fontawesome.com/(ホームページで発行した文字列10桁).js"></script>

を入れてあります。
また
bodyタグには

<div class="icon1"> <i class="fab fa-airbnb"></i> </div> といれてあります

teratailやほかのホームページを調べるとでてきたclassでのfont-familyなどの指定も試してみました。具体的には
.icon1 {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f007";
}
ですがうまくいきません

どううまくいかないかというとホームページにはアイコンは□表示もされず完全に表示されていません。

またデベロッパーツールを参照すると
.icon 0×0と表示されています

classでwidthなどを設定してもうまくいきませんでした

どうしたらアイコンが通常通り表示されるでしょうか

よろしくおねがいします

Comments

[Lhankor_Mhy]

https://use.fontawesome.com/(ホームページで発行した文字列10桁).js

にブラウザから直接アクセスすると、どうなりますか？

[m.ts10806]

過去質問に何度も見たような内容かと思います。まず、探してください

[1719jaru]

window.FontAwesomeCdnConfig = {
autoA11y: {
enabled: true
},
から始まる大量の文字列が表示されました

[Lhankor_Mhy]

ということは、たぶん課金プランですよね？
であれば、サポートデスクが使えるんじゃなかったでしたっけ？

[Lhankor_Mhy]

domains の設定はどうなっていますか？

Answer 1

https://coliss.com/articles/build-websites/operation/work/font-awesome-guide-and-useful-tricks.html
こちらの方法ですとか
https://saruwakakun.com/html-css/basic/font-awesome
の方法で試してみてはいかがでしょうか。