diff --git a/settings/Head.ts b/settings/Head.ts
index 4abaf6c..c23d6c3 100755
--- a/settings/Head.ts
+++ b/settings/Head.ts
@@ -37,5 +37,10 @@ export default {
     { name: 'msapplication-TileColor', content: params.color },
     { name: 'theme-color', content: params.color },
   ],
-  link: [{ rel: 'icon', type: params.favicon.type, href: params.favicon.href }],
+  link: [
+    { rel: 'icon', type: params.favicon.type, href: params.favicon.href },
+    { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
+    { rel: 'preconnect', href: 'https://fonts.googleapis.com', crossOrigin: 'true' },
+    { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Raleway:wght@500&family=Roboto:wght@900&display=swap' }
+  ],
 } as NuxtOptionsHead
diff --git a/src/assets/css/style.scss b/src/assets/css/style.scss
index 8357e6a..87b3026 100755
--- a/src/assets/css/style.scss
+++ b/src/assets/css/style.scss
@@ -1,6 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');
-
 .icon {
   transform: translate(3px, -3px);
   z-index: 1;