adobe fontsのwebプロジェクトをjsファイル内で読み込む方法

質問

adobe fontsで2つのフォントを使用してwebプロジェクトを作りました。
そのコードが以下の通りです。

adobeでは、以下のコードをhtmlタグに書くようレクチャーしていますが、
例えば20ページあるサイトのhtmlファイルのheadタグ内に全てにこの記述を書くのはコードが冗長になってしまうと思いました。

scriptタグということはjsファイルに記述することで解決できないかと思います。
そこで、scriptタグを削除し、jsファイルにペーストする以外で必要な記述はありますか？
(function)の前に"$"を追加したほうがいいのでしょうか？

それともhtmlファイルに全て記述したほうがいい理由があるのでしょうか？
初心者のため、教えていただきたいです。

html
1<script>
2  (function(d) {
3    var config = {
4      kitId: 'gwn4hjo',
5      scriptTimeout: 3000,
6      async: true
7    },
8    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
9  })(document);
10</script>

補足情報（FW/ツールのバージョンなど）

vscode

退会済みユーザー

2021/12/15 07:49

> そこで、scriptタグを削除し、jsファイルにペーストする以外で必要な記述はありますか？どういう形でペーストするのかはわかりませんが、試してみれば良いのでは？と思ってしまいました… その結果上手くいかなかったら質問するのかなと。 > (function)の前に"$"を追加したほうがいいのでしょうか？ $(function) のケースを調べてみれば良いのではないでしょうか。

kumeshin510

2021/12/15 10:51 編集

私の検索が下手なこともありますが、回答が得られなかったのでこちらのサイトを利用させていただいています。そんな私からしたらそのような回答は攻撃的に感じます。貴方が知識もない状態で同じような回答をされたら少しでも不愉快な気持ちになりますよね？もしよければ、$が付く・付かないの違いが分からない無知な私にどういう違いがあるのか教えていただけないでしょうか。