diff --git a/package.json b/package.json
index 130dff6c..256db712 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
   },
   "devDependencies": {
     "@cypress/snapshot": "2.1.7",
+    "@fortawesome/fontawesome-free": "^6.5.1",
     "@sveltejs/adapter-static": "3.0.1",
     "@sveltejs/kit": "2.5.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.1",
diff --git a/src/app.html b/src/app.html
index bcb8056a..efd06434 100644
--- a/src/app.html
+++ b/src/app.html
@@ -15,12 +15,9 @@
     <link rel="mask-icon" href="%sveltekit.assets%/favicon.svg" color="#000000" />
     <meta name="theme-color" content="#6366F1" />
     <link rel="manifest" href="%sveltekit.assets%/manifest.json" />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
-      integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
-      crossorigin="anonymous"
-      referrerpolicy="no-referrer" />
+    <style>
+      @import '@fortawesome/fontawesome-free/css/all.min.css';
+    </style>
     %sveltekit.head%
   </head>
   <body style="overflow: hidden;">
diff --git a/yarn.lock b/yarn.lock
index 7628fa88..31f22cba 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -267,6 +267,11 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.56.0.tgz#ef20350fec605a7f7035a01764731b2de0f3782b"
   integrity sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==
 
+"@fortawesome/fontawesome-free@^6.5.1":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-6.5.1.tgz#55cc8410abf1003b726324661ce5b0d1c10de258"
+  integrity sha512-CNy5vSwN3fsUStPRLX7fUYojyuzoEMSXPl7zSLJ8TgtRfjv24LOnOWKT2zYwaHZCJGkdyRnTmstR0P+Ah503Gw==
+
 "@humanwhocodes/config-array@^0.11.13":
   version "0.11.13"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.13.tgz#075dc9684f40a531d9b26b0822153c1e832ee297"
